Good point to make a commit
This commit is contained in:
34
tp-rtb-bold.js
Normal file
34
tp-rtb-bold.js
Normal file
@ -0,0 +1,34 @@
|
||||
import { TpRtbBaseExtension } from './tp-rtb-base-extension.js';
|
||||
import Bold from '@tiptap/extension-bold';
|
||||
|
||||
class TpRtbBold extends TpRtbBaseExtension {
|
||||
constructor() {
|
||||
super();
|
||||
this.label = 'Bold';
|
||||
}
|
||||
|
||||
getExtension() {
|
||||
return Bold;
|
||||
}
|
||||
|
||||
_handleClick() {
|
||||
if (this.parentEditor && this.parentEditor.editor) {
|
||||
this.parentEditor.editor.chain().focus().toggleBold().run();
|
||||
}
|
||||
}
|
||||
|
||||
_setupEditorListeners() {
|
||||
const { editor } = this.parentEditor;
|
||||
|
||||
// Update button state when selection changes
|
||||
editor.on('selectionUpdate', () => {
|
||||
this.active = editor.isActive('bold');
|
||||
});
|
||||
|
||||
editor.on('focus', () => {
|
||||
this.active = editor.isActive('bold');
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
customElements.define('tp-rtb-bold', TpRtbBold);
|
Reference in New Issue
Block a user