@worktile/theia 1.2.11 → 1.2.15

package/interfaces/editor.d.ts

@@ -68,6 +68,8 @@ export interface TheOptions {
     disabled?: boolean;
     autoFocus?: boolean;
     placeholder?: string;
+    isEmptyShowPlaceholder?: boolean;
+    isMustShowPlaceholder?: boolean;
     scrollContainer?: string;
     maxHeight?: number;
     toolbar?: ToolbarOption;

package/interfaces/toolbar.d.ts

@@ -36,6 +36,7 @@ export interface CustomizeToolbarItem extends ToolbarItemBase {
 export interface DefaultToolbarItem extends ToolbarItemBase {
     icon?: string;
     name?: string;
+    shortcutKey?: string;
     type?: ToolbarItemType;
 }
 export declare type ToolbarItem = CustomizeToolbarItem & DefaultToolbarItem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@worktile/theia",
-  "version": "1.2.11",
+  "version": "1.2.15",
   "description": "theia editor",
   "author": "YanDong <nanianqiumo@foxmail.com>",
   "homepage": "https://github.com/atinc/theia#readme",

package/plugins/image/image.component.scss

@@ -1,190 +1,194 @@
-.image-container {
-    .image-content {
-        display: inline-block;
-        position: relative;
-        height: auto;
-        cursor: zoom-in;
-    }
+.slate-element-image {
+    display: block;
 
-    .pointer {
-        cursor: pointer;
-    }
+    .image-container {
+        .image-content {
+            display: inline-block;
+            position: relative;
+            height: auto;
+            cursor: zoom-in;
+        }
 
-    .main-image {
-        position: relative;
-        object-fit: fill;
-        width: auto;
-        max-width: 100%;
-        max-height: 100%;
-        width: 100%;
-        height: 100%;
-        margin: 0 auto;
-        user-select: none;
-    }
-    .image-profile {
-        position: absolute;
-        display: block;
-        bottom: -1px;
-        left: -1px;
-        right: -1px;
-        top: -1px;
-        .image-pointer {
+        .pointer {
+            cursor: pointer;
+        }
+
+        .main-image {
+            position: relative;
+            object-fit: fill;
+            width: auto;
+            max-width: 100%;
+            max-height: 100%;
+            width: 100%;
+            height: 100%;
+            margin: 0 auto;
+            user-select: none;
+        }
+        .image-profile {
             position: absolute;
-            width: 12px;
-            height: 12px;
-            border-radius: 50%;
-            background-color: $white;
-            box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.13);
-            border: 1px solid $gray-300;
-            z-index: 2;
-            &::before {
+            display: block;
+            bottom: -1px;
+            left: -1px;
+            right: -1px;
+            top: -1px;
+            .image-pointer {
                 position: absolute;
+                width: 12px;
+                height: 12px;
+                border-radius: 50%;
+                background-color: $white;
+                box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.13);
+                border: 1px solid $gray-300;
+                z-index: 2;
+                &::before {
+                    position: absolute;
+                    left: 50%;
+                    top: 50%;
+                    display: inline-block;
+                    content: '';
+                    height: 8px;
+                    width: 8px;
+                    margin-left: -4px;
+                    margin-top: -4px;
+                    border-radius: 50%;
+                    background-color: $primary;
+                }
+            }
+            .left {
+                left: -6px;
+            }
+            .top {
+                top: -6px;
+            }
+            .center {
                 left: 50%;
+                margin-left: -5px;
+            }
+            .middle {
                 top: 50%;
-                display: inline-block;
-                content: '';
-                height: 8px;
-                width: 8px;
-                margin-left: -4px;
-                margin-top: -4px;
-                border-radius: 50%;
-                background-color: $primary;
+                margin-top: -5px;
+            }
+            .right {
+                right: -6px;
+            }
+            .bottom {
+                bottom: -6px;
+            }
+            .left.top,
+            .right.bottom {
+                cursor: nwse-resize;
+            }
+            .top.center,
+            .bottom.center {
+                cursor: ns-resize;
+            }
+            .right.top,
+            .left.bottom {
+                cursor: nesw-resize;
+            }
+            .left.middle,
+            .right.middle {
+                cursor: ew-resize;
             }
         }
-        .left {
-            left: -6px;
-        }
-        .top {
-            top: -6px;
-        }
-        .center {
-            left: 50%;
-            margin-left: -5px;
-        }
-        .middle {
-            top: 50%;
-            margin-top: -5px;
-        }
-        .right {
-            right: -6px;
-        }
-        .bottom {
-            bottom: -6px;
-        }
-        .left.top,
-        .right.bottom {
-            cursor: nwse-resize;
-        }
-        .top.center,
-        .bottom.center {
-            cursor: ns-resize;
-        }
-        .right.top,
-        .left.bottom {
-            cursor: nesw-resize;
-        }
-        .left.middle,
-        .right.middle {
-            cursor: ew-resize;
+        .image-profile.outline {
+            border: 1px dashed $primary;
         }
-    }
-    .image-profile.outline {
-        border: 1px dashed $primary;
-    }
-
-    .uploading {
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        right: 0;
-        top: 0;
-        display: block;
-        background-color: rgba(255, 255, 255, 0.65);
 
-        .percentage {
-            position: absolute;
-            top: 4px;
-            right: 4px;
-            width: 102px;
-            height: 24px;
-            line-height: 24px;
-            border: 0.5px solid rgba(0, 0, 0, 0.05);
-            border-radius: 3px;
-            box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 4px 0 rgba(0, 0, 0, 0.1);
-            background: $white;
-            color: grey;
-            font-weight: 500;
-            text-align: center;
-            transition: 0.3s ease;
-        }
-        .uploading-percentage {
+        .uploading {
             position: absolute;
-            top: 50%;
-            left: 50%;
-            display: flex;
-            flex-direction: row;
-            justify-content: space-between;
-            align-items: center;
-            flex-wrap: nowrap;
-            height: 18px;
-            margin-left: -60px;
-            margin-top: -9px;
-            .progress {
-                display: inline-block;
-                width: 120px;
-                height: 8px;
-                margin-right: 8px;
-                margin-top: 1px;
+            bottom: 0;
+            left: 0;
+            right: 0;
+            top: 0;
+            display: block;
+            background-color: rgba(255, 255, 255, 0.65);
+
+            .percentage {
+                position: absolute;
+                top: 4px;
+                right: 4px;
+                width: 102px;
+                height: 24px;
+                line-height: 24px;
+                border: 0.5px solid rgba(0, 0, 0, 0.05);
+                border-radius: 3px;
+                box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 4px 0 rgba(0, 0, 0, 0.1);
+                background: $white;
+                color: grey;
+                font-weight: 500;
+                text-align: center;
+                transition: 0.3s ease;
             }
-            .thy-icon {
-                color: #d8d8d8;
+            .uploading-percentage {
+                position: absolute;
+                top: 50%;
+                left: 50%;
+                display: flex;
+                flex-direction: row;
+                justify-content: space-between;
+                align-items: center;
+                flex-wrap: nowrap;
+                height: 18px;
+                margin-left: -60px;
+                margin-top: -9px;
+                .progress {
+                    display: inline-block;
+                    width: 120px;
+                    height: 8px;
+                    margin-right: 8px;
+                    margin-top: 1px;
+                }
+                .thy-icon {
+                    color: #d8d8d8;
+                }
             }
         }
-    }
-
-    .layer {
-        display: none;
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        right: 0;
-        top: 0;
 
-        .preview {
+        .layer {
+            display: none;
             position: absolute;
-            top: 6px;
-            right: 6px;
-            width: auto;
-            height: 24px;
-            padding: 0 3px;
-            line-height: 24px;
-            border: 0.5px solid rgba(0, 0, 0, 0.05);
-            border-radius: 3px;
-            box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 4px 0 rgba(0, 0, 0, 0.1);
-            background: $white;
-            color: grey;
-            font-weight: 500;
-            text-align: center;
-            transition: 0.3s ease;
-            cursor: pointer;
+            bottom: 0;
+            left: 0;
+            right: 0;
+            top: 0;
+
+            .preview {
+                position: absolute;
+                top: 6px;
+                right: 6px;
+                width: auto;
+                height: 24px;
+                padding: 0 3px;
+                line-height: 24px;
+                border: 0.5px solid rgba(0, 0, 0, 0.05);
+                border-radius: 3px;
+                box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 4px 0 rgba(0, 0, 0, 0.1);
+                background: $white;
+                color: grey;
+                font-weight: 500;
+                text-align: center;
+                transition: 0.3s ease;
+                cursor: pointer;
+            }
         }
-    }
 
-    .image-loading {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        width: 100%;
-        height: 280px;
-        background: rgb(244, 245, 247);
-        color: $gray-500;
+        .image-loading {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            width: 100%;
+            height: 280px;
+            background: rgb(244, 245, 247);
+            color: $gray-500;
+        }
     }
-}
 
-.image-container:hover .layer {
-    display: block;
-}
+    .image-container:hover .layer {
+        display: block;
+    }
 
-.image-container:hover .layer.readonly {
-    cursor: zoom-in;
+    .image-container:hover .layer.readonly {
+        cursor: zoom-in;
+    }
 }

package/plugins/placeholder/placeholder.component.d.ts

@@ -1,16 +1,18 @@
 import { ElementRef, Renderer2 } from '@angular/core';
 import { Editor } from 'slate';
-import { TheOptions } from '../../interfaces';
+import { TheContextService } from '../../services/context.service';
+import { TheOptions } from '../../interfaces/editor';
 import * as i0 from "@angular/core";
 export declare class ThePlaceholderComponent {
     private renderer;
     private elementRef;
+    private contextService;
     editor: Editor;
     options: TheOptions;
     isHide: boolean;
     handleCompositionStart(): void;
     handleCompositionEnd(event: any): void;
-    constructor(renderer: Renderer2, elementRef: ElementRef);
+    constructor(renderer: Renderer2, elementRef: ElementRef, contextService: TheContextService);
     checkStatus(): void;
     private updatePosition;
     private hide;

package/plugins/soft-break/soft-break.plugin.d.ts

@@ -0,0 +1,4 @@
+import { TransformEditor } from '../common/transforms.plugin';
+import { SoftBreakOnKeyDownOptions } from './soft-break.types';
+import { TheEditor } from '../../interfaces/editor';
+export declare const withSoftBreak: (options?: SoftBreakOnKeyDownOptions) => <T extends TheEditor & TransformEditor>(editor: T) => T;

package/plugins/soft-break/soft-break.types.d.ts

@@ -0,0 +1,8 @@
+import { QueryOptions } from '../../interfaces/editor';
+export interface SoftBreakRule {
+    hotkey: string;
+    query?: QueryOptions;
+}
+export interface SoftBreakOnKeyDownOptions {
+    rules?: SoftBreakRule[];
+}

package/plugins/table/table.types.d.ts

@@ -1,8 +1,15 @@
 import { InjectionToken } from '@angular/core';
 import { ComponentType } from 'slate-angular';
+import { TheBaseElementComponent } from '../../interfaces/view-base';
 import { ElementKinds } from '../../constants/node-types';
 import type { TheTableComponent } from './components/table.component';
 export declare const TheTableToken: InjectionToken<ComponentType<TheTableComponent>>;
+export interface TheTableComponentBase extends TheBaseElementComponent {
+    initializeColumns: () => void;
+    transformColumnsWidth: () => void;
+    initializeRows: () => void;
+    transformRowHeight: () => void;
+}
 export declare const BASE_CELL_HEIGHT = 41;
 export declare const BASE_FILL_HEIGHT: number;
 export declare const BASE_CELL_INNER_HEIGHT: number;

package/plugins/table/utils/normalize-table.d.ts

@@ -0,0 +1,2 @@
+import { TableElement } from "../../../custom-types";
+export declare const normalizeTable: (table: TableElement) => TableElement;

package/services/context.service.d.ts

@@ -27,6 +27,8 @@ export declare class TheContextService {
     constructor(ngZone: NgZone);
     initialize(options: TheContextOptions): void;
     getOptions(): TheContextOptions;
+    getEditableElement(): Element;
+    getFirstElementChild(): HTMLElement;
     setUploadFileList(file: {
         url: string;
         file: File;

package/styles/editor.scss

@@ -12,9 +12,9 @@ $thy-icon-nav-link-margin-right: 5px;
 
         .the-editable-container {
             padding: 0;
+            margin: 0;
 
             &.max-height {
-                padding: 0;
                 overflow-y: auto;
                 overflow-x: hidden;
             }
@@ -54,10 +54,10 @@ $thy-icon-nav-link-margin-right: 5px;
 
     .the-editable-container {
         position: relative;
+        padding-top: 41px;
+        margin-top: -41px;
 
         &.max-height {
-            padding-top: 41px;
-            margin-top: -41px;
             overflow-y: scroll;
         }
     }

package/styles/typo.scss

@@ -77,7 +77,7 @@ $selection-background: rgba($color: $primary, $alpha: 0.3);
         margin-right: 0;
         color: $gray-600;
         padding-left: 10px !important;
-        border-left: 4px solid #eee;
+        border-left: 4px solid $gray-200;
     }
 
     .the-hr {
@@ -88,7 +88,7 @@ $selection-background: rgba($color: $primary, $alpha: 0.3);
         hr {
             box-sizing: border-box;
             width: 100%;
-            border-top: 1px solid #eee;
+            border-top: 1px solid $gray-200;
             padding: 0;
             margin: 0;
         }
@@ -177,6 +177,9 @@ $selection-background: rgba($color: $primary, $alpha: 0.3);
             margin-right: 0;
         }
     }
+    .remove-link.thy-icon-nav-link:hover {
+        color: $danger;
+    }
 
     @for $i from 1 through 24 {
         .indent-#{$i * 2} {

package/transforms/index.d.ts

@@ -13,8 +13,7 @@ import { unWrap } from './un-wrap';
 import { splitNode } from './split-node';
 import { deleteElement } from './delete-element';
 import { setEndSelection } from './set-end-selection';
-import { insertTheElements } from './insert-elements';
 import { closeConversionHint } from './close-conversion-hint';
 import { handleContinualDeleteBackward } from './handle-continual-delete-backward';
 import { handleContinualInsertBreak } from './handle-continual-insert-break';
-export { setMarks, clearMarks, insertElement, insertElementNext, insertParagraph, setNode, unwrapNodesByType, onKeyDownResetBlockType, moveChildren, applyDeepToNodes, mergeDeepToNodes, unWrap, splitNode, deleteElement, setEndSelection, insertTheElements, closeConversionHint, handleContinualDeleteBackward, handleContinualInsertBreak };
+export { setMarks, clearMarks, insertElement, insertElementNext, insertParagraph, setNode, unwrapNodesByType, onKeyDownResetBlockType, moveChildren, applyDeepToNodes, mergeDeepToNodes, unWrap, splitNode, deleteElement, setEndSelection, closeConversionHint, handleContinualDeleteBackward, handleContinualInsertBreak };

package/utils/common.d.ts

@@ -0,0 +1,2 @@
+export declare const IS_MAC: boolean;
+export declare const CONTROL_KEY: string;

package/utils/fragment.d.ts

@@ -3,3 +3,8 @@ export declare const getStartBlock: (editor: Editor, fragment: Element) => any;
 export declare const getEndBlock: (editor: Editor, fragment: Element) => any;
 export declare const extractFragment: (data: DataTransfer, deleteKey?: string) => import("@worktile/theia").CustomElement[];
 export declare function deleteElementKey(nodes: Node[], key: string): Node[];
+/**
+ * 删除 text 节点的 颜色/背景色
+ * @param node
+ */
+export declare function deleteColorAndBackgroundColorOfText(node: Element): void;

package/utils/index.d.ts

@@ -2,3 +2,4 @@ export * from './data-transform';
 export * from './weak-maps';
 export * from './get-toolbar-class';
 export * from './create-empty-paragraph';
+export * from './common';

package/esm2015/transforms/insert-elements.js

@@ -1,22 +0,0 @@
-import { Editor, Range, Path, Transforms } from 'slate';
-import * as TheQueries from '../queries';
-export const insertTheElements = (editor, nodes) => {
-    if (Range.isExpanded(editor.selection)) {
-        Editor.deleteFragment(editor);
-    }
-    const isEmptyParagraph = TheQueries.isEmptyParagraph(editor, editor.selection.anchor);
-    const parentPath = Path.parent(editor.selection.anchor.path);
-    Editor.withoutNormalizing(editor, () => {
-        Transforms.insertNodes(editor, nodes);
-        if (parentPath.length && isEmptyParagraph) {
-            Transforms.delete(editor, { at: parentPath });
-            const lastPath = parentPath.pop();
-            Transforms.select(editor, Editor.end(editor, [...parentPath, lastPath + nodes.length - 1]));
-        }
-        else {
-            const lastPath = parentPath.pop();
-            Transforms.select(editor, Editor.end(editor, [...parentPath, lastPath + nodes.length]));
-        }
-    });
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5zZXJ0LWVsZW1lbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvc3JjL3RyYW5zZm9ybXMvaW5zZXJ0LWVsZW1lbnRzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxNQUFNLEVBQVcsS0FBSyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDakUsT0FBTyxLQUFLLFVBQVUsTUFBTSxZQUFZLENBQUM7QUFFekMsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBQUcsQ0FBQyxNQUFjLEVBQUUsS0FBZ0IsRUFBRSxFQUFFO0lBQ2xFLElBQUksS0FBSyxDQUFDLFVBQVUsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLEVBQUU7UUFDcEMsTUFBTSxDQUFDLGNBQWMsQ0FBQyxNQUFNLENBQUMsQ0FBQztLQUNqQztJQUNELE1BQU0sZ0JBQWdCLEdBQUcsVUFBVSxDQUFDLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3RGLE1BQU0sVUFBVSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDN0QsTUFBTSxDQUFDLGtCQUFrQixDQUFDLE1BQU0sRUFBRSxHQUFHLEVBQUU7UUFDbkMsVUFBVSxDQUFDLFdBQVcsQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLENBQUM7UUFDdEMsSUFBSSxVQUFVLENBQUMsTUFBTSxJQUFJLGdCQUFnQixFQUFFO1lBQ3ZDLFVBQVUsQ0FBQyxNQUFNLENBQUMsTUFBTSxFQUFFLEVBQUUsRUFBRSxFQUFFLFVBQVUsRUFBRSxDQUFDLENBQUM7WUFDOUMsTUFBTSxRQUFRLEdBQUcsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDO1lBQ2xDLFVBQVUsQ0FBQyxNQUFNLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxHQUFHLENBQUMsTUFBTSxFQUFFLENBQUMsR0FBRyxVQUFVLEVBQUUsUUFBUSxHQUFHLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQy9GO2FBQU07WUFDSCxNQUFNLFFBQVEsR0FBRyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUM7WUFDbEMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDLEdBQUcsQ0FBQyxNQUFNLEVBQUUsQ0FBQyxHQUFHLFVBQVUsRUFBRSxRQUFRLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQztTQUMzRjtJQUNMLENBQUMsQ0FBQyxDQUFDO0FBQ1AsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRWRpdG9yLCBFbGVtZW50LCBSYW5nZSwgUGF0aCwgVHJhbnNmb3JtcyB9IGZyb20gJ3NsYXRlJztcbmltcG9ydCAqIGFzIFRoZVF1ZXJpZXMgZnJvbSAnLi4vcXVlcmllcyc7XG5cbmV4cG9ydCBjb25zdCBpbnNlcnRUaGVFbGVtZW50cyA9IChlZGl0b3I6IEVkaXRvciwgbm9kZXM6IEVsZW1lbnRbXSkgPT4ge1xuICAgIGlmIChSYW5nZS5pc0V4cGFuZGVkKGVkaXRvci5zZWxlY3Rpb24pKSB7XG4gICAgICAgIEVkaXRvci5kZWxldGVGcmFnbWVudChlZGl0b3IpO1xuICAgIH1cbiAgICBjb25zdCBpc0VtcHR5UGFyYWdyYXBoID0gVGhlUXVlcmllcy5pc0VtcHR5UGFyYWdyYXBoKGVkaXRvciwgZWRpdG9yLnNlbGVjdGlvbi5hbmNob3IpO1xuICAgIGNvbnN0IHBhcmVudFBhdGggPSBQYXRoLnBhcmVudChlZGl0b3Iuc2VsZWN0aW9uLmFuY2hvci5wYXRoKTtcbiAgICBFZGl0b3Iud2l0aG91dE5vcm1hbGl6aW5nKGVkaXRvciwgKCkgPT4ge1xuICAgICAgICBUcmFuc2Zvcm1zLmluc2VydE5vZGVzKGVkaXRvciwgbm9kZXMpO1xuICAgICAgICBpZiAocGFyZW50UGF0aC5sZW5ndGggJiYgaXNFbXB0eVBhcmFncmFwaCkge1xuICAgICAgICAgICAgVHJhbnNmb3Jtcy5kZWxldGUoZWRpdG9yLCB7IGF0OiBwYXJlbnRQYXRoIH0pO1xuICAgICAgICAgICAgY29uc3QgbGFzdFBhdGggPSBwYXJlbnRQYXRoLnBvcCgpO1xuICAgICAgICAgICAgVHJhbnNmb3Jtcy5zZWxlY3QoZWRpdG9yLCBFZGl0b3IuZW5kKGVkaXRvciwgWy4uLnBhcmVudFBhdGgsIGxhc3RQYXRoICsgbm9kZXMubGVuZ3RoIC0gMV0pKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIGNvbnN0IGxhc3RQYXRoID0gcGFyZW50UGF0aC5wb3AoKTtcbiAgICAgICAgICAgIFRyYW5zZm9ybXMuc2VsZWN0KGVkaXRvciwgRWRpdG9yLmVuZChlZGl0b3IsIFsuLi5wYXJlbnRQYXRoLCBsYXN0UGF0aCArIG5vZGVzLmxlbmd0aF0pKTtcbiAgICAgICAgfVxuICAgIH0pO1xufTtcbiJdfQ==

package/transforms/insert-elements.d.ts

@@ -1,2 +0,0 @@
-import { Editor, Element } from 'slate';
-export declare const insertTheElements: (editor: Editor, nodes: Element[]) => void;