English | 简体中文
You can easily connect your Anki notes together by this add-on, forming a web of interconnected information. By establishing links between relevant notes, you can create a comprehensive and organized knowledge base that reflects the relationships between various concepts, ideas, and topics.
Due to limited personal capacity, I am unable to continuously develop new features for this add-on. Future updates will primarily focus on bug fixes. If anyone is interested in contributing new features, feel free to submit a pull request or independently listed on Anki add-on market after development.
[Link Title|nidxxxxxxxxxxxxx]
The link title is the content displayed in the card. If the title contains[, it needs to be escaped with\[
x is the ID of the note, consisting of 13 digits
You can customize the style of the links by using the CSS selector: .noteLink
Copy the ID of the current note in the editor by using the right-click menu or pressing Alt+Shift+C
Copy the link of the current note in the editor by using the right-click menu or pressing Alt+Shift+L
Generate a link from the note ID in the clipboard and the currently selected text by either using the right-click menu or pressing Alt+Shift+V
Generate a new link from the currently selected text by either using the right-click menu or pressing Alt+Shift+N
Double-clicking the generated link text allows adding a corresponding new note
Generate a link template from the currently selected text by either using the right-click menu or pressing Alt+Shift+T
The generated link template looks like this: [selected text|nid], you need to manually complete it
Note: If no text is selected, using the above actions will generate a link without a title
Open current note in new window by using the right-click menu or pressing Alt+Shift+W
Double click link text to open the corresponding note in a new window
Left click link to open the corresponding note in the current editor window
Right click link to open the corresponding note in a new editor window
Middle click link to open the corresponding note in the browser (unsupported in graph panel)
Left click link to open the corresponding note in a previewer window
Right click link to open the corresponding note in an editor window
Entrance: Menu -> Anki Note Linker -> Global Relationship Graph
Please set the video driver in Anki preference to an option other than Software, as it can significantly decrease graphic performance
You can customize the shortcut keys according to your preferences in add-on configuration
If there is no response when using the shortcut key, it may be due to a shortcut key conflict. Please try changing the shortcut key
How to display note links properly without this add-on (such as on AnkiDroid, AnkiWeb, or AnkiMobile clients)
This add-on automatically renders note links as corresponding content on the desktop version of Anki. Without the add-on, the links will not be rendered properly, affecting use on mobile devices. However, you can still regain some functionality.
If you have already generated note links and need to use them without the add-on, you can follow the steps below to get links working:
- In the card template, add a
classattribute"linkRender"to each note field on the front and back sides. You can also customize the attribute's name.
<div class="linkRender">{{Front}}</div>
<div class="linkRender">{{Back}}</div>
<!-- If the field already has a class attribute,
you can use a space to separate the new attribute from the original one -->
<div class="otherClassName linkRender">{{Addition}}</div>- Copy the following code to the end of the card template on both sides. Rename the
linkRenderattribute in the code if you changed it. Set thedisableLinksvariable totrueif you only want the text to render (removes the "[|nid]" marker).
<script>
var disableLinks = false; // Change to true if you want to disable all link rendering for clients without add-on
if (!window.AnkiNoteLinkerIsActive) {
const renderLinks = _ => {
document.querySelectorAll('.linkRender').forEach(element => { // You can rename "linkRender" on this line, but leave the "." in front
element.innerHTML = element.innerHTML.replace(
/\[((?:[^\[]|\\\[)*)\|nid(\d{13})\]/g,
(match, title, nid) => {
title = title.replace(/\\\[/g, '[');
let link;
if (document.documentElement.classList.contains('iphone') || document.documentElement.classList.contains('ipad')) {
link = `anki://x-callback-url/search?query=nid%3a${nid}`;
} else try {
window.jsAPI ||= new AnkiDroidJS({ version: "0.0.3", developer: "github.com/gugutu" });
link = `javascript:window.jsAPI.ankiSearchCard(\`nid:${nid}\`)`;
} catch (e) {
link = `https://ankiuser.net/edit/${nid}' target='_blank`;
}
return disableLinks ? `${title}` : `<a href='${link}' class='noteLink'>${title}</a>`;
}
);
});
};
document.readyState !== 'loading' ? renderLinks() : document.addEventListener('DOMContentLoaded', renderLinks, { once: true });
}
</script>- Save the card template and sync your deck to AnkiWeb.
After completing these operations, Anki will automatically display the correct content.
If you click a link on an AnkiDroid or AnkiMobile client, it will attempt to display the corresponding note's flashcard in the card browser; if you click a link on AnkiWeb, it will open the AnkiWeb edit page for the corresponding note. If you changed the disableLinks variable to true, then the original content of the card will be displayed without any links.
This add-on is inspired by Obsidian
The following projects were used in this project:
The implementation of this add-on is inspired by the following add-ons:
Add-on code：1077002392