github.com/ngocphuongnb/tetua@v0.0.7-alpha/packages/editor/src/menu/items/task.ts (about) 1 import { MenuItem } from '../menu-item'; 2 3 export class MenuTask extends MenuItem { 4 protected command = 'taskList'; 5 protected label = 'Task'; 6 protected isActive = false; 7 protected icon = `<svg viewBox="0 0 24 24"><path fill="currentColor" d="M14,10H2V12H14V10M14,6H2V8H14V6M2,16H10V14H2V16M21.5,11.5L23,13L16,20L11.5,15.5L13,14L16,17L21.5,11.5Z" /></svg>`; 8 // protected icon = `<svg fill="currentColor" viewBox="0 0 24 24"><g><path fill="none" d="M0 0h24v24H0z"></path><path d="M21 2.992v18.016a1 1 0 0 1-.993.992H3.993A.993.993 0 0 1 3 21.008V2.992A1 1 0 0 1 3.993 2h16.014c.548 0 .993.444.993.992zM19 4H5v16h14V4zm-7.707 9.121l4.243-4.242 1.414 1.414-5.657 5.657-3.89-3.89 1.415-1.414 2.475 2.475z"></path></g></svg>`; 9 10 protected handler(e: MouseEvent) { 11 e.preventDefault(); 12 this.editor.tiptapEditor.chain().focus().toggleTaskList().run(); 13 } 14 }