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

     1  import { MenuItem } from "../menu-item";
     2  
     3  export class MenuBlockQuote extends MenuItem {
     4    protected command = 'blockquote';
     5    protected label = 'Block Quote';
     6    protected isActive = false;
     7    protected icon = `<svg viewBox="0 0 24 24"><path fill="currentColor" d="M14,17H17L19,13V7H13V13H16M6,17H9L11,13V7H5V13H8L6,17Z" /></svg>`;
     8    // protected icon = `<svg fill="currentColor" viewBox="0 0 24 24"><g><path fill="none" d="M0 0h24v24H0z"></path><path d="M4.583 17.321C3.553 16.227 3 15 3 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378c-3.335 1.804-3.987 4.145-4.247 5.621.537-.278 1.24-.375 1.929-.311 1.804.167 3.226 1.648 3.226 3.489a3.5 3.5 0 0 1-3.5 3.5c-1.073 0-2.099-.49-2.748-1.179zm10 0C13.553 16.227 13 15 13 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378c-3.335 1.804-3.987 4.145-4.247 5.621.537-.278 1.24-.375 1.929-.311 1.804.167 3.226 1.648 3.226 3.489a3.5 3.5 0 0 1-3.5 3.5c-1.073 0-2.099-.49-2.748-1.179z"></path></g></svg>`;
     9  
    10    protected handler(e: MouseEvent) {
    11      e.preventDefault();
    12      this.editor.tiptapEditor.chain().focus().toggleBlockquote().run();
    13    }
    14  }