@worktile/theia 2.1.10 → 2.1.14

package/fesm2015/worktile-theia.js

@@ -196,74 +196,6 @@ const LIST_BLOCK_TYPES = [ElementKinds.numberedList, ElementKinds.bulletedList];
 const VOID_BLOCK_TYPES = [ElementKinds.image, ElementKinds.hr];
 const BLOCK_DELETEBACKWARD_TYPES = [ElementKinds.tableCell];
 
-const TheToolbarGroupToken = new InjectionToken('the-toolbar-group-token');
-const QUICK_TOOLBAR_HOTKEY = '/';
-var DropdownMode;
-(function (DropdownMode) {
-    DropdownMode["icon"] = "icon-mode";
-    DropdownMode["text"] = "text-mode";
-})(DropdownMode || (DropdownMode = {}));
-var ToolbarItemMode;
-(function (ToolbarItemMode) {
-    ToolbarItemMode[ToolbarItemMode["horizontal"] = 0] = "horizontal";
-    ToolbarItemMode[ToolbarItemMode["vertical"] = 1] = "vertical";
-})(ToolbarItemMode || (ToolbarItemMode = {}));
-const DefaultGlobalToolbarDefinition = [
-    ElementKinds.headingList,
-    ToolbarActionTypes.split,
-    MarkTypes.bold,
-    MarkTypes.italic,
-    MarkTypes.underline,
-    MarkTypes.strike,
-    ElementKinds.inlineCode,
-    MarkTypes.color,
-    MarkTypes.backgroundColor,
-    ToolbarActionTypes.split,
-    ToolbarActionTypes.alignType,
-    ToolbarActionTypes.verticalAlign,
-    ToolbarActionTypes.split,
-    ElementKinds.numberedList,
-    ElementKinds.bulletedList,
-    ToolbarActionTypes.split,
-    ElementKinds.link,
-    ElementKinds.image,
-    ElementKinds.table,
-    ElementKinds.blockquote,
-    ElementKinds.code
-];
-const DefaultInlineToolbarDefinition = [
-    ToolbarActionTypes.clean,
-    ToolbarActionTypes.split,
-    MarkTypes.bold,
-    MarkTypes.italic,
-    MarkTypes.underline,
-    MarkTypes.strike,
-    ElementKinds.inlineCode,
-    MarkTypes.color,
-    MarkTypes.backgroundColor,
-    ToolbarActionTypes.split,
-    ToolbarActionTypes.alignType,
-    ToolbarActionTypes.split,
-    ElementKinds.link
-];
-const DefaultQuickToolbarDefinition = [
-    ...STANDARD_HEADING_TYPES,
-    ToolbarActionTypes.split,
-    ElementKinds.numberedList,
-    ElementKinds.bulletedList,
-    ToolbarActionTypes.split,
-    ElementKinds.link,
-    ElementKinds.image,
-    ElementKinds.table,
-    ElementKinds.blockquote,
-    ElementKinds.hr,
-    ElementKinds.code
-];
-const ToolbarMoreGroup = {
-    key: 'more',
-    icon: 'more'
-};
-
 var ErrorCodes;
 (function (ErrorCodes) {
     ErrorCodes[ErrorCodes["UNKNOW_ERROR"] = 1000] = "UNKNOW_ERROR";
@@ -353,6 +285,74 @@ const THE_CODE_MODE_PROVIDER = {
 };
 const CODEMIRROR_PADDING_TOP = 10;
 
+const TheToolbarGroupToken = new InjectionToken('the-toolbar-group-token');
+const QUICK_TOOLBAR_HOTKEY = '/';
+var DropdownMode;
+(function (DropdownMode) {
+    DropdownMode["icon"] = "icon-mode";
+    DropdownMode["text"] = "text-mode";
+})(DropdownMode || (DropdownMode = {}));
+var ToolbarItemMode;
+(function (ToolbarItemMode) {
+    ToolbarItemMode[ToolbarItemMode["horizontal"] = 0] = "horizontal";
+    ToolbarItemMode[ToolbarItemMode["vertical"] = 1] = "vertical";
+})(ToolbarItemMode || (ToolbarItemMode = {}));
+const DefaultGlobalToolbarDefinition = [
+    ElementKinds.headingList,
+    ToolbarActionTypes.split,
+    MarkTypes.bold,
+    MarkTypes.italic,
+    MarkTypes.underline,
+    MarkTypes.strike,
+    ElementKinds.inlineCode,
+    MarkTypes.color,
+    MarkTypes.backgroundColor,
+    ToolbarActionTypes.split,
+    ToolbarActionTypes.alignType,
+    ToolbarActionTypes.verticalAlign,
+    ToolbarActionTypes.split,
+    ElementKinds.numberedList,
+    ElementKinds.bulletedList,
+    ToolbarActionTypes.split,
+    ElementKinds.link,
+    ElementKinds.image,
+    ElementKinds.table,
+    ElementKinds.blockquote,
+    ElementKinds.code
+];
+const DefaultInlineToolbarDefinition = [
+    ToolbarActionTypes.clean,
+    ToolbarActionTypes.split,
+    MarkTypes.bold,
+    MarkTypes.italic,
+    MarkTypes.underline,
+    MarkTypes.strike,
+    ElementKinds.inlineCode,
+    MarkTypes.color,
+    MarkTypes.backgroundColor,
+    ToolbarActionTypes.split,
+    ToolbarActionTypes.alignType,
+    ToolbarActionTypes.split,
+    ElementKinds.link
+];
+const DefaultQuickToolbarDefinition = [
+    ...STANDARD_HEADING_TYPES,
+    ToolbarActionTypes.split,
+    ElementKinds.numberedList,
+    ElementKinds.bulletedList,
+    ToolbarActionTypes.split,
+    ElementKinds.link,
+    ElementKinds.image,
+    ElementKinds.table,
+    ElementKinds.blockquote,
+    ElementKinds.hr,
+    ElementKinds.code
+];
+const ToolbarMoreGroup = {
+    key: 'more',
+    icon: 'more'
+};
+
 class TheTextComponent extends BaseTextComponent {
     constructor(elementRef, renderer2, cdr) {
         super(elementRef, cdr);
@@ -374,10 +374,7 @@ class TheTextComponent extends BaseTextComponent {
             }
         }
         const fontSize = this.text[MarkTypes.fontSize];
-        if (fontSize) {
-            const attr = `the-${MarkTypes.fontSize}`;
-            this.renderer2.setAttribute(this.elementRef.nativeElement, attr, fontSize);
-        }
+        this.renderer2.setAttribute(this.elementRef.nativeElement, `the-${MarkTypes.fontSize}`, fontSize ? fontSize : null);
         if (this.text[MarkTypes.color]) {
             this.renderer2.setStyle(this.elementRef.nativeElement, 'color', this.text[MarkTypes.color]);
         }
@@ -1671,6 +1668,13 @@ const ListEditor = {
                 Transforms.setNodes(editor, { type: ElementKinds.paragraph, checked: undefined }, // todo remove checked
                 { at: path });
             }
+            else if (Element$1.isElement(node) && node.type === ElementKinds.paragraph) {
+                let { textIndent } = node;
+                if (textIndent) {
+                    Transforms.setNodes(editor, { textIndent: undefined }, // remove textIndent
+                    { at: path });
+                }
+            }
             if (Node.parent(editor, path).type !== ElementKinds.listItem) {
                 Transforms.wrapNodes(editor, { type: ElementKinds.listItem, children: [] }, {
                     at: path,
@@ -10682,7 +10686,7 @@ class TheVerticalToolbarItemComponent extends TheToolbarBaseItemComponent {
     execute(event) {
         var _a, _b;
         super.execute(event);
-        if (!((_a = this.item) === null || _a === void 0 ? void 0 : _a.execute) || ((_b = this.editor) === null || _b === void 0 ? void 0 : _b.disabled)) {
+        if (((_a = this.editor) === null || _a === void 0 ? void 0 : _a.readOnly) || ((_b = this.editor) === null || _b === void 0 ? void 0 : _b.disabled)) {
             return;
         }
         this.openPopover();
@@ -10715,7 +10719,7 @@ class TheVerticalToolbarItemComponent extends TheToolbarBaseItemComponent {
     }
 }
 TheVerticalToolbarItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: TheVerticalToolbarItemComponent, deps: [{ token: i0.ElementRef }, { token: i1$6.ThyPopover }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
-TheVerticalToolbarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: TheVerticalToolbarItemComponent, selector: "the-toolbar-vertical-align-item", inputs: { item: "item", menus: "menus", editor: "editor", toolbarItem: "toolbarItem" }, host: { listeners: { "document: mousedown": "handleDocumentMouseDown($event)" }, properties: { "class.hide": "!active" }, classAttribute: "the-toolbar-dropdown-container verticalAlign" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["VerticalAlignItems"], descendants: true, read: TemplateRef, static: true }], usesInheritance: true, ngImport: i0, template: "<a\n    thyIconNavLink\n    class=\"icon-mode link-with-down\"\n    [thyTooltip]=\"toolbarItem?.name\"\n    [thyIconNavLinkActive]=\"isOpened\"\n    thyTooltipPlacement=\"top\"\n    (mousedown)=\"execute($event)\"\n>\n    <thy-icon [thyIconName]=\"activeMenu?.icon\"></thy-icon>\n    <thy-icon class=\"caret-down-icon font-size-sm text-desc\" thyIconName=\"caret-down\"></thy-icon>\n</a>\n\n<ng-template #VerticalAlignItems>\n    <thy-action-menu class=\"dropdown\">\n        <ng-container *ngFor=\"let menu of toolbarItem?.includes\">\n            <a\n                thyActionMenuItem\n                href=\"javascript:;\"\n                [thyActionMenuItemActive]=\"menu.key === activeMenu?.key\"\n                [ngStyle]=\"menu?.styles\"\n                (mousedown)=\"itemMousedown($event, menu)\"\n            >\n                <span *ngIf=\"menu.icon\" thyActionMenuItemIcon>\n                    <thy-icon [thyIconName]=\"menu?.icon\"></thy-icon>\n                </span>\n                <span thyActionMenuItemName>{{ menu.name }}</span>\n            </a>\n        </ng-container>\n    </thy-action-menu>\n</ng-template>\n", components: [{ type: i3.ThyIconNavLinkComponent, selector: "[thyIconNavLink]", inputs: ["thyIconNavLinkIcon", "thyIconNavLinkActive"] }, { type: i4$1.ThyIconComponent, selector: "thy-icon", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { type: i5$2.ThyActionMenuComponent, selector: "thy-action-menu", inputs: ["thyTheme", "thyWidth"] }], directives: [{ type: i5$1.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5$2.ThyActionMenuItemDirective, selector: "[thyActionMenuItem]", inputs: ["thyDisabled", "thyType"] }, { type: i5$2.ThyActionMenuItemActiveDirective, selector: "[thyActionMenuItemActive]", inputs: ["thyActionMenuItemActive"] }, { type: i6.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5$2.ThyActionMenuItemIconDirective, selector: "[thyActionMenuItemIcon]" }, { type: i5$2.ThyActionMenuItemNameDirective, selector: "[thyActionMenuItemName]" }] });
+TheVerticalToolbarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: TheVerticalToolbarItemComponent, selector: "the-toolbar-vertical-align-item", inputs: { item: "item", menus: "menus", editor: "editor", toolbarItem: "toolbarItem" }, host: { listeners: { "document: mousedown": "handleDocumentMouseDown($event)" }, properties: { "class.hide": "!active" }, classAttribute: "the-toolbar-dropdown-container verticalAlign" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["VerticalAlignItems"], descendants: true, read: TemplateRef, static: true }], usesInheritance: true, ngImport: i0, template: "<a\n    thyIconNavLink\n    class=\"icon-mode link-with-down\"\n    [thyTooltip]=\"toolbarItem?.name\"\n    [thyIconNavLinkActive]=\"isOpened\"\n    thyTooltipPlacement=\"top\"\n    (mousedown)=\"execute($event)\"\n>\n    <thy-icon [thyIconName]=\"activeMenu?.icon\"></thy-icon>\n    <thy-icon class=\"caret-down-icon font-size-sm text-desc\" thyIconName=\"caret-down\"></thy-icon>\n</a>\n\n<ng-template #VerticalAlignItems>\n    <thy-action-menu class=\"dropdown\">\n        <ng-container *ngFor=\"let menu of toolbarItem?.includes\">\n            <a\n                thyActionMenuItem\n                href=\"javascript:;\"\n                [thyActionMenuItemActive]=\"menu.key === activeMenu?.key\"\n                (mousedown)=\"itemMousedown($event, menu)\"\n            >\n                <span *ngIf=\"menu.icon\" thyActionMenuItemIcon>\n                    <thy-icon [thyIconName]=\"menu?.icon\"></thy-icon>\n                </span>\n                <span thyActionMenuItemName>{{ menu.name }}</span>\n            </a>\n        </ng-container>\n    </thy-action-menu>\n</ng-template>\n", components: [{ type: i3.ThyIconNavLinkComponent, selector: "[thyIconNavLink]", inputs: ["thyIconNavLinkIcon", "thyIconNavLinkActive"] }, { type: i4$1.ThyIconComponent, selector: "thy-icon", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { type: i5$2.ThyActionMenuComponent, selector: "thy-action-menu", inputs: ["thyTheme", "thyWidth"] }], directives: [{ type: i5$1.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5$2.ThyActionMenuItemDirective, selector: "[thyActionMenuItem]", inputs: ["thyDisabled", "thyType"] }, { type: i5$2.ThyActionMenuItemActiveDirective, selector: "[thyActionMenuItemActive]", inputs: ["thyActionMenuItemActive"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5$2.ThyActionMenuItemIconDirective, selector: "[thyActionMenuItemIcon]" }, { type: i5$2.ThyActionMenuItemNameDirective, selector: "[thyActionMenuItemName]" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: TheVerticalToolbarItemComponent, decorators: [{
             type: Component,
             args: [{
@@ -11007,14 +11011,17 @@ class TheQuickToolbarComponent extends mixinUnsubscribe(MixinBase) {
     }
     handleMouseDown(event) {
         if (!this.elementRef.nativeElement.contains(event.target)) {
-            this.popoverRef.close();
+            QuickInsertEditor.closeQuickToolbar(this.editor);
         }
         else {
             event.preventDefault();
         }
     }
     handleEnter() {
-        this.popoverRef.close();
+        QuickInsertEditor.closeQuickToolbar(this.editor);
+    }
+    handleEsc() {
+        QuickInsertEditor.closeQuickToolbar(this.editor);
     }
     ngOnInit() {
         this.editorElement = AngularEditor.toDOMNode(this.editor, this.editor);
@@ -11031,7 +11038,7 @@ class TheQuickToolbarComponent extends mixinUnsubscribe(MixinBase) {
     }
     removeHotKey() {
         const node = Node.get(this.editor, this.editor.selection.anchor.path);
-        if (node && Text.equals({ text: QUICK_TOOLBAR_HOTKEY }, node)) {
+        if (node && QUICK_TOOLBAR_HOTKEY === node.text) {
             Editor.deleteBackward(this.editor);
         }
     }
@@ -11040,7 +11047,7 @@ class TheQuickToolbarComponent extends mixinUnsubscribe(MixinBase) {
     }
 }
 TheQuickToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: TheQuickToolbarComponent, deps: [{ token: i1$3.ThyPopoverRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-TheQuickToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: TheQuickToolbarComponent, selector: "the-quick-toolbar", inputs: { editor: "editor", quickToolbarItems: "quickToolbarItems" }, host: { listeners: { "document: mousedown": "handleMouseDown($event)", "document: keydown.enter": "handleEnter()" } }, usesInheritance: true, ngImport: i0, template: "<thy-selection-list\n    class=\"the-quick-toolbar\"\n    [thyBindKeyEventContainer]=\"editorElement\"\n    (thySelectionChange)=\"selectionChange($event)\"\n    [thyMultiple]=\"false\"\n>\n    <ng-container *ngFor=\"let item of quickToolbarItems\">\n        <ng-container *ngIf=\"item.key !== ToolbarActionTypes.split; else splitLine\">\n            <thy-list-option [thyValue]=\"item?.key\" (mousedown)=\"stopPropagation($event)\">\n                <the-toolbar-item [editor]=\"editor\" [item]=\"item\" [itemMode]=\"ToolbarItemMode.vertical\"></the-toolbar-item>\n            </thy-list-option>\n        </ng-container>\n    </ng-container>\n</thy-selection-list>\n\n<ng-template #splitLine>\n    <nav-split-line [mode]=\"ToolbarItemMode.horizontal\"></nav-split-line>\n</ng-template>\n", components: [{ type: i2$2.ThySelectionListComponent, selector: "thy-selection-list,[thy-selection-list]", inputs: ["thyMultiple", "thyBindKeyEventContainer", "thyScrollContainer", "thyBeforeKeydown", "thyUniqueKey", "thyCompareWith", "thyLayout", "thyAutoActiveFirstItem", "thySize", "thySpaceKeyEnabled"], outputs: ["thySelectionChange"] }, { type: i5$3.ThyListOptionComponent, selector: "thy-list-option,[thy-list-option]", inputs: ["id", "thyValue", "thyDisabled"] }, { type: TheToolbarItemComponent, selector: "the-toolbar-item", inputs: ["item", "editor", "itemMode"] }, { type: NavSplitLineComponent, selector: "nav-split-line", inputs: ["mode"] }], directives: [{ type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+TheQuickToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: TheQuickToolbarComponent, selector: "the-quick-toolbar", inputs: { editor: "editor", quickToolbarItems: "quickToolbarItems" }, host: { listeners: { "document: mousedown": "handleMouseDown($event)", "document: keydown.enter": "handleEnter()", "document: keydown.escape": "handleEsc()" } }, usesInheritance: true, ngImport: i0, template: "<thy-selection-list\n    class=\"the-quick-toolbar\"\n    [thyBindKeyEventContainer]=\"editorElement\"\n    (thySelectionChange)=\"selectionChange($event)\"\n    [thyMultiple]=\"false\"\n>\n    <ng-container *ngFor=\"let item of quickToolbarItems\">\n        <ng-container *ngIf=\"item.key !== ToolbarActionTypes.split; else splitLine\">\n            <thy-list-option [thyValue]=\"item?.key\" (mousedown)=\"stopPropagation($event)\">\n                <the-toolbar-item [editor]=\"editor\" [item]=\"item\" [itemMode]=\"ToolbarItemMode.vertical\"></the-toolbar-item>\n            </thy-list-option>\n        </ng-container>\n    </ng-container>\n</thy-selection-list>\n\n<ng-template #splitLine>\n    <nav-split-line [mode]=\"ToolbarItemMode.horizontal\"></nav-split-line>\n</ng-template>\n", components: [{ type: i2$2.ThySelectionListComponent, selector: "thy-selection-list,[thy-selection-list]", inputs: ["thyMultiple", "thyBindKeyEventContainer", "thyScrollContainer", "thyBeforeKeydown", "thyUniqueKey", "thyCompareWith", "thyLayout", "thyAutoActiveFirstItem", "thySize", "thySpaceKeyEnabled"], outputs: ["thySelectionChange"] }, { type: i5$3.ThyListOptionComponent, selector: "thy-list-option,[thy-list-option]", inputs: ["id", "thyValue", "thyDisabled"] }, { type: TheToolbarItemComponent, selector: "the-toolbar-item", inputs: ["item", "editor", "itemMode"] }, { type: NavSplitLineComponent, selector: "nav-split-line", inputs: ["mode"] }], directives: [{ type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: TheQuickToolbarComponent, decorators: [{
             type: Component,
             args: [{
@@ -11057,6 +11064,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImpo
             }], handleEnter: [{
                 type: HostListener,
                 args: ['document: keydown.enter']
+            }], handleEsc: [{
+                type: HostListener,
+                args: ['document: keydown.escape']
             }] } });
 
 const OperationTypes = ['insert_text', 'remove_node', 'merge_node'];
@@ -11170,7 +11180,8 @@ const FontSizeEditor = {
             return;
         }
         // unset fontSize
-        if (FontSizeEditor.unsetFontSize(editor, size, fontSizeMark, isDefaultFontSize)) {
+        if (isDefaultFontSize) {
+            FontSizeEditor.unsetFontSize(editor, size);
             return;
         }
         FontSizeEditor.setFontSizeMark(editor, size);
@@ -11183,20 +11194,16 @@ const FontSizeEditor = {
         // set paragraph text fontSize
         Editor.addMark(editor, MarkTypes.fontSize, Number(size));
     },
-    unsetFontSize(editor, size, fontSizeMark, isDefaultFontSize) {
+    unsetFontSize(editor, size) {
         const isTable = TableEditor.isActive(editor);
-        if (fontSizeMark && isDefaultFontSize) {
-            // unset Table selectedCells fontSize
-            if (isTable && TableEditor.toggleMark(editor, true, MarkTypes.fontSize, Number(size))) {
-                return true;
-            }
-            // unset paragraph text fontSize
-            setMarks(editor, {
-                [MarkTypes.fontSize]: null
-            }, editor.selection);
-            return true;
+        // unset Table selectedCells fontSize
+        if (isTable && TableEditor.toggleMark(editor, true, MarkTypes.fontSize, Number(size))) {
+            return;
         }
-        return false;
+        // unset paragraph text fontSize
+        setMarks(editor, {
+            [MarkTypes.fontSize]: null
+        }, editor.selection);
     },
     isFontSizeActive(editor, size) {
         if (editor.selection) {