github.com/ngocphuongnb/tetua@v0.0.7-alpha/packages/editor/src/menu/items/ordered-list.ts (about) 1 import { MenuItem } from "../menu-item"; 2 3 export class MenuOrderedList extends MenuItem { 4 protected command = 'orderedList'; 5 protected label = 'Ordered List'; 6 protected isActive = false; 7 protected icon = `<svg viewBox="0 0 24 24"><path fill="currentColor" d="M7,13V11H21V13H7M7,19V17H21V19H7M7,7V5H21V7H7M3,8V5H2V4H4V8H3M2,17V16H5V20H2V19H4V18.5H3V17.5H4V17H2M4.25,10A0.75,0.75 0 0,1 5,10.75C5,10.95 4.92,11.14 4.79,11.27L3.12,13H5V14H2V13.08L4,11H2V10H4.25Z" /></svg>`; 8 // protected icon = `<svg fill="currentColor" viewBox="0 0 24 24"><g><path fill="none" d="M0 0h24v24H0z"></path><path d="M8 4h13v2H8V4zM5 3v3h1v1H3V6h1V4H3V3h2zM3 14v-2.5h2V11H3v-1h3v2.5H4v.5h2v1H3zm2 5.5H3v-1h2V18H3v-1h3v4H3v-1h2v-.5zM8 11h13v2H8v-2zm0 7h13v2H8v-2z"></path></g></svg>`; 9 10 protected handler(e: MouseEvent) { 11 e.preventDefault(); 12 this.editor.tiptapEditor.chain().focus().toggleOrderedList().run(); 13 } 14 }