github.com/ngocphuongnb/tetua@v0.0.7-alpha/packages/editor/src/menu/items/image.ts (about) 1 import { MenuItem } from "../menu-item"; 2 3 export class MenuImage extends MenuItem { 4 protected command = 'image'; 5 protected label = 'Image'; 6 protected isActive = false; 7 protected icon = `<svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="currentColor" d="M8.5,13.5L11,16.5L14.5,12L19,18H5M21,19V5C21,3.89 20.1,3 19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19Z" /></svg>`; 8 // protected icon = `<svg fill="currentColor" viewBox="0 0 24 24"><g><path fill="none" d="M0 0h24v24H0z"></path><path d="M4.828 21l-.02.02-.021-.02H2.992A.993.993 0 0 1 2 20.007V3.993A1 1 0 0 1 2.992 3h18.016c.548 0 .992.445.992.993v16.014a1 1 0 0 1-.992.993H4.828zM20 15V5H4v14L14 9l6 6zm0 2.828l-6-6L6.828 19H20v-1.172zM8 11a2 2 0 1 1 0-4 2 2 0 0 1 0 4z"></path></g></svg>`; 9 10 protected handler(e: MouseEvent) { 11 e.preventDefault(); 12 this.editor.tiptapEditor.chain().focus().setImage({ 13 src: '', 14 }).run(); 15 } 16 }