github.com/ngocphuongnb/tetua@v0.0.7-alpha/packages/editor/src/menu/items/code-block.ts (about)

     1  import { MenuItem } from "../menu-item";
     2  
     3  export class MenuCodeBlock extends MenuItem {
     4    protected command = 'codeBlock';
     5    protected label = 'Block Code';
     6    protected isActive = false;
     7    protected icon = `<svg viewBox="0 0 24 24"><path fill="currentColor" d="M13,13H18V15H13M13,9H18V11H13M6.91,7.41L11.5,12L6.91,16.6L5.5,15.18L8.68,12L5.5,8.82M5,3C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5Z" /></svg>`;
     8    // protected icon = `<svg fill="currentColor" viewBox="0 0 24 24"><g><path fill="none" d="M0 0h24v24H0z"></path><path d="M3 3h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm1 2v14h16V5H4zm8 10h6v2h-6v-2zm-3.333-3L5.838 9.172l1.415-1.415L11.495 12l-4.242 4.243-1.415-1.415L8.667 12z"></path></g></svg>`;
     9  
    10    protected handler(e: MouseEvent) {
    11      e.preventDefault();
    12      this.editor.tiptapEditor.chain().focus().toggleCodeBlock().run();
    13    }
    14  }