feat(slash): insert internal link

This commit is contained in:
Elian Doran
2025-06-16 20:48:01 +03:00
parent 9bfff03cff
commit 13afcb8a49
3 changed files with 35 additions and 9 deletions

View File

@@ -1,7 +1,7 @@
import { ButtonView, Command, Plugin } from 'ckeditor5';
import dateTimeIcon from '../icons/date-time.svg?raw';
const COMMAND_NAME = 'insertDateTimeToText';
export const COMMAND_NAME = 'insertDateTimeToText';
export default class InsertDateTimePlugin extends Plugin {
init() {

View File

@@ -1,7 +1,9 @@
import { ButtonView, Plugin } from 'ckeditor5';
import { ButtonView, Command, Plugin } from 'ckeditor5';
import internalLinkIcon from '../icons/trilium.svg?raw';
import ReferenceLink from './referencelink';
export const COMMAND_NAME = 'insertInternalLink';
export default class InternalLinkPlugin extends Plugin {
static get requires() {
@@ -11,6 +13,8 @@ export default class InternalLinkPlugin extends Plugin {
init() {
const editor = this.editor;
editor.commands.add(COMMAND_NAME, new InsertInternalLinkCommand(editor));
editor.ui.componentFactory.add('internalLink', locale => {
const view = new ButtonView( locale );
@@ -21,16 +25,28 @@ export default class InternalLinkPlugin extends Plugin {
} );
// enable internal link only if the editor is not read only
view.bind('isEnabled').to(editor, 'isReadOnly', isReadOnly => !isReadOnly);
const command = editor.commands.get(COMMAND_NAME)!;
view.bind('isEnabled').to(command, 'isEnabled');
view.on('execute', () => {
const editorEl = editor.editing.view.getDomRoot();
const component = glob.getComponentByEl(editorEl);
component.triggerCommand('addLinkToText');
editor.execute(COMMAND_NAME);
} );
return view;
});
}
}
class InsertInternalLinkCommand extends Command {
refresh() {
this.isEnabled = !this.editor.isReadOnly;
}
execute() {
const editor = this.editor;
const editorEl = editor.editing.view.getDomRoot();
const component = glob.getComponentByEl(editorEl);
component.triggerCommand('addLinkToText');
}
}