suneditor 2.41.2 → 2.43.0

package/src/lib/constructor.js

@@ -37,6 +37,8 @@ export default {
     
         // toolbar
         const tool_bar = this._createToolBar(doc, options.buttonList, options.plugins, options);
+        const toolbarShadow = tool_bar.element.cloneNode(false);
+        toolbarShadow.className += ' se-toolbar-shadow';
         tool_bar.element.style.visibility = 'hidden';
         if (tool_bar.pluginCallButtons.math) this._checkKatexMath(options.katex);
         const arrow = doc.createElement('DIV');
@@ -86,12 +88,20 @@ export default {
         const toolbarContainer = options.toolbarContainer;
         if (toolbarContainer) {
             toolbarContainer.appendChild(tool_bar.element);
+            toolbarContainer.appendChild(toolbarShadow);
         }
+
+        // resizingbar
+        const resizingBarContainer = options.resizingBarContainer;
+        if (resizing_bar && resizingBarContainer) resizingBarContainer.appendChild(resizing_bar);
     
         /** append html */
         editor_div.appendChild(textarea);
         if (placeholder_span) editor_div.appendChild(placeholder_span);
-        if (!toolbarContainer) relative.appendChild(tool_bar.element);
+        if (!toolbarContainer) {
+            relative.appendChild(tool_bar.element);
+            relative.appendChild(toolbarShadow);
+        }
         relative.appendChild(sticky_dummy);
         relative.appendChild(editor_div);
         relative.appendChild(resize_back);
@@ -99,7 +109,7 @@ export default {
         relative.appendChild(line_breaker);
         relative.appendChild(line_breaker_t);
         relative.appendChild(line_breaker_b);
-        if (resizing_bar) relative.appendChild(resizing_bar);
+        if (resizing_bar && !resizingBarContainer) relative.appendChild(resizing_bar);
         top_div.appendChild(relative);
 
         textarea = this._checkCodeMirror(options, textarea);
@@ -109,6 +119,7 @@ export default {
                 _top: top_div,
                 _relative: relative,
                 _toolBar: tool_bar.element,
+                _toolbarShadow: toolbarShadow,
                 _menuTray: tool_bar._menuTray,
                 _editorArea: editor_div,
                 _wysiwygArea: wysiwyg_div,
@@ -233,8 +244,14 @@ export default {
         const placeholder_span = initElements.placeholder;
         let code = initElements.codeView;
 
-        if (el.resizingBar) relative.removeChild(el.resizingBar);
-        if (bottomBar.resizingBar) relative.appendChild(bottomBar.resizingBar);
+        if (el.resizingBar) util.removeItem(el.resizingBar);
+        if (bottomBar.resizingBar) {
+            if (mergeOptions.resizingBarContainer && mergeOptions.resizingBarContainer !== originOptions.resizingBarContainer) {
+                mergeOptions.resizingBarContainer.appendChild(bottomBar.resizingBar);
+            } else {
+                relative.appendChild(bottomBar.resizingBar);
+            }
+        }
 
         editorArea.innerHTML = '';
         editorArea.appendChild(code);
@@ -291,17 +308,22 @@ export default {
         if (!options.iframe) {
             wysiwygDiv.setAttribute('contenteditable', true);
             wysiwygDiv.setAttribute('scrolling', 'auto');
+            for (let key in options.iframeAttributes) {
+                wysiwygDiv.setAttribute(key, options.iframeAttributes[key]);
+            }
             wysiwygDiv.className += ' ' + options._editableClass;
             wysiwygDiv.style.cssText = options._editorStyles.frame + options._editorStyles.editor;
+            wysiwygDiv.className += options.className;
         } else {
             wysiwygDiv.allowFullscreen = true;
             wysiwygDiv.frameBorder = 0;
             wysiwygDiv.style.cssText = options._editorStyles.frame;
+            wysiwygDiv.className += options.className;
         }
 
         // textarea for code view
         const textarea = document.createElement('TEXTAREA');
-        textarea.className = 'se-wrapper-inner se-wrapper-code';
+        textarea.className = 'se-wrapper-inner se-wrapper-code' + options.className;
         textarea.style.cssText = options._editorStyles.frame;
         textarea.style.display = 'none';
         if (options.height === 'auto') textarea.style.overflow = 'hidden';
@@ -376,7 +398,7 @@ export default {
     _initOptions: function (element, options) {
         /** Values */
         options.lang = options.lang || _defaultLang;
-        options.defaultTag = typeof options.defaultTag === 'string' ? options.defaultTag : 'p';
+        options.defaultTag = typeof options.defaultTag === 'string' && options.defaultTag.length > 0 ? options.defaultTag : 'p';
         const textTags = options.textTags = [{bold: 'STRONG', underline: 'U', italic: 'EM', strike: 'DEL', sub: 'SUB', sup: 'SUP'}, (options.textTags || {})].reduce(function (_default, _new) {
             for (let key in _new) {
                 _default[key] = _new[key];
@@ -398,23 +420,31 @@ export default {
         };
         options.value = typeof options.value === 'string' ? options.value : null;
         options.historyStackDelayTime = typeof options.historyStackDelayTime === 'number' ? options.historyStackDelayTime : 400;
-        /** Whitelist */
+        /** Whitelist, Blacklist */
         const whitelist = 'br|p|div|pre|blockquote|h1|h2|h3|h4|h5|h6|ol|ul|li|hr|figure|figcaption|img|iframe|audio|video|source|table|thead|tbody|tr|th|td|a|b|strong|var|i|em|u|ins|s|span|strike|del|sub|sup|code|svg|path|details|summary';
+        // tags
+        options.tagsBlacklist = options.tagsBlacklist || '';
         options._defaultTagsWhitelist = typeof options._defaultTagsWhitelist === 'string' ? options._defaultTagsWhitelist : whitelist;
-        options._editorTagsWhitelist = this._setWhitelist(options._defaultTagsWhitelist + (typeof options.addTagsWhitelist === 'string' && options.addTagsWhitelist.length > 0 ? '|' + options.addTagsWhitelist : ''), options.tagsBlacklist);
-        options.pasteTagsWhitelist = this._setWhitelist(typeof options.pasteTagsWhitelist === 'string' ? options.pasteTagsWhitelist : options._editorTagsWhitelist, options.pasteTagsBlacklist);
+        options._editorTagsWhitelist = options.addTagsWhitelist === '*' ? '*' : this._setWhitelist(options._defaultTagsWhitelist + (typeof options.addTagsWhitelist === 'string' && options.addTagsWhitelist.length > 0 ? '|' + options.addTagsWhitelist : ''), options.tagsBlacklist);
+        // paste tags
+        options.pasteTagsBlacklist = options.tagsBlacklist + (options.tagsBlacklist && options.pasteTagsBlacklist ? ('|' + options.pasteTagsBlacklist) : (options.pasteTagsBlacklist || ''));
+        options.pasteTagsWhitelist = options.pasteTagsWhitelist === '*' ? '*' : this._setWhitelist(typeof options.pasteTagsWhitelist === 'string' ? options.pasteTagsWhitelist : options._editorTagsWhitelist, options.pasteTagsBlacklist);
+        // tag attributes
         options.attributesWhitelist = (!options.attributesWhitelist || typeof options.attributesWhitelist !== 'object') ? null : options.attributesWhitelist;
+        options.attributesBlacklist = (!options.attributesBlacklist || typeof options.attributesBlacklist !== 'object') ? null : options.attributesBlacklist;
         /** Layout */
         options.mode = options.mode || 'classic'; // classic, inline, balloon, balloon-always
         options.rtl = !!options.rtl;
+        options.lineAttrReset = typeof options.lineAttrReset === 'string' && options.lineAttrReset ? options.lineAttrReset === '*' ? '*' : new RegExp('^(' + options.lineAttrReset + ')$', 'i') : null;
         options._editableClass = 'sun-editor-editable' + (options.rtl ? ' se-rtl' : '');
         options._printClass = typeof options._printClass === 'string' ? options._printClass : null;
         options.toolbarWidth = options.toolbarWidth ? (util.isNumber(options.toolbarWidth) ? options.toolbarWidth + 'px' : options.toolbarWidth) : 'auto';
         options.toolbarContainer = typeof options.toolbarContainer === 'string' ? document.querySelector(options.toolbarContainer) : options.toolbarContainer;
         options.stickyToolbar = (/balloon/i.test(options.mode) || !!options.toolbarContainer) ? -1 : options.stickyToolbar === undefined ? 0 : (/^\d+/.test(options.stickyToolbar) ? util.getNumber(options.stickyToolbar, 0) : -1);
         options.fullScreenOffset = options.fullScreenOffset === undefined ? 0 : (/^\d+/.test(options.fullScreenOffset) ? util.getNumber(options.fullScreenOffset, 0) : 0);
-        options.iframe = options.fullPage || options.iframe;
         options.fullPage = !!options.fullPage;
+        options.iframe = options.fullPage || !!options.iframe;
+        options.iframeAttributes = options.iframeAttributes || {};
         options.iframeCSSFileName = options.iframe ? typeof options.iframeCSSFileName === 'string' ? [options.iframeCSSFileName] : (options.iframeCSSFileName || ['suneditor']) : null;
         options.previewTemplate = typeof options.previewTemplate === 'string' ? options.previewTemplate : null;
         options.printTemplate = typeof options.printTemplate === 'string' ? options.printTemplate : null;
@@ -435,6 +465,8 @@ export default {
         /** Bottom resizing bar */
         options.resizingBar = options.resizingBar === undefined ? (/inline|balloon/i.test(options.mode) ? false : true) : options.resizingBar;
         options.showPathLabel = !options.resizingBar ? false : typeof options.showPathLabel === 'boolean' ? options.showPathLabel : true;
+        options.resizeEnable = options.resizeEnable === undefined ? true : !!options.resizeEnable;
+        options.resizingBarContainer = typeof options.resizingBarContainer === 'string' ? document.querySelector(options.resizingBarContainer) : options.resizingBarContainer;
         /** Character count */
         options.charCounter = options.maxCharCount > 0 ? true : typeof options.charCounter === 'boolean' ? options.charCounter : false;
         options.charCounterType = typeof options.charCounterType === 'string' ? options.charCounterType : 'char';
@@ -448,7 +480,8 @@ export default {
         options.height = options.height ? (util.isNumber(options.height) ? options.height + 'px' : options.height) : (element.clientHeight ? element.clientHeight + 'px' : 'auto');
         options.minHeight = (util.isNumber(options.minHeight) ? options.minHeight + 'px' : options.minHeight) || '';
         options.maxHeight = (util.isNumber(options.maxHeight) ? options.maxHeight + 'px' : options.maxHeight) || '';
-        /** Editing area default style */
+        /** Editing area */
+        options.className = (typeof options.className === 'string' && options.className.length > 0) ? ' ' + options.className : '';
         options.defaultStyle = typeof options.defaultStyle === 'string' ? options.defaultStyle : '';
         /** Defining menu items */
         options.font = !options.font ? null : options.font;
@@ -459,9 +492,11 @@ export default {
         options.paragraphStyles = !options.paragraphStyles ? null : options.paragraphStyles;
         options.textStyles = !options.textStyles ? null : options.textStyles;
         options.fontSizeUnit = typeof options.fontSizeUnit === 'string' ? (options.fontSizeUnit.trim() || 'px') : 'px';
+        options.alignItems = typeof options.alignItems === 'object' ? options.alignItems : (options.rtl ? ['right', 'center', 'left', 'justify'] : ['left', 'center', 'right', 'justify']);
         /** Image */
         options.imageResizing = options.imageResizing === undefined ? true : options.imageResizing;
         options.imageHeightShow = options.imageHeightShow === undefined ? true : !!options.imageHeightShow;
+        options.imageAlignShow = options.imageAlignShow === undefined ? true : !!options.imageAlignShow;
         options.imageWidth = !options.imageWidth ? 'auto' : util.isNumber(options.imageWidth) ? options.imageWidth + 'px' : options.imageWidth;
         options.imageHeight = !options.imageHeight ? 'auto' : util.isNumber(options.imageHeight) ? options.imageHeight + 'px' : options.imageHeight;
         options.imageSizeOnlyPercentage = !!options.imageSizeOnlyPercentage;
@@ -480,6 +515,7 @@ export default {
         /** Video */
         options.videoResizing = options.videoResizing === undefined ? true : options.videoResizing;
         options.videoHeightShow = options.videoHeightShow === undefined ? true : !!options.videoHeightShow;
+        options.videoAlignShow = options.videoAlignShow === undefined ? true : !!options.videoAlignShow;
         options.videoRatioShow = options.videoRatioShow === undefined ? true : !!options.videoRatioShow;
         options.videoWidth = !options.videoWidth || !util.getNumber(options.videoWidth, 0) ? '' : util.isNumber(options.videoWidth) ? options.videoWidth + 'px' : options.videoWidth;
         options.videoHeight = !options.videoHeight || !util.getNumber(options.videoHeight, 0) ? '' : util.isNumber(options.videoHeight) ? options.videoHeight + 'px' : options.videoHeight;
@@ -512,9 +548,12 @@ export default {
         /** Table */
         options.tableCellControllerPosition = typeof options.tableCellControllerPosition === 'string' ? options.tableCellControllerPosition.toLowerCase() : 'cell';
         /** Link */
+        options.linkTargetNewWindow = !!options.linkTargetNewWindow;
         options.linkProtocol = typeof options.linkProtocol === 'string' ? options.linkProtocol : null;
         options.linkRel = Array.isArray(options.linkRel) ? options.linkRel : [];
         options.linkRelDefault = options.linkRelDefault || {};
+        /** HR */
+        // options.hrItems = options.hrItems;
         /** Key actions */
         options.tabDisable = !!options.tabDisable;
         options.shortcutsDisable = Array.isArray(options.shortcutsDisable) ? options.shortcutsDisable : [];
@@ -535,6 +574,9 @@ export default {
             ['fullScreen', 'showBlocks', 'codeView'],
             ['preview', 'print']
         ];
+        /** Private options */
+        options.__listCommonStyle = options.__listCommonStyle || ['fontSize', 'color', 'fontFamily'];
+        // options.__defaultFontSize;
 
         /** RTL - buttons */
         if (options.rtl) {
@@ -594,15 +636,18 @@ export default {
             subscript: ['_se_command_subscript', lang.toolbar.subscript, 'SUB', '', icons.subscript],
             superscript: ['_se_command_superscript', lang.toolbar.superscript, 'SUP', '', icons.superscript],
             removeFormat: ['', lang.toolbar.removeFormat, 'removeFormat', '', icons.erase],
-            indent: ['_se_command_indent', lang.toolbar.indent + '<span class="se-shortcut">' + (shortcutsDisable.indexOf('indent') > -1 ? '' : cmd + '+<span class="se-shortcut-key">' + indentKey[0] + '</span>') + '</span>', 'indent', '', icons.outdent],
-            outdent: ['_se_command_outdent', lang.toolbar.outdent + '<span class="se-shortcut">' + (shortcutsDisable.indexOf('indent') > -1 ? '' : cmd + '+<span class="se-shortcut-key">' + indentKey[1] + '</span>') + '</span>', 'outdent', '', icons.indent],
+            indent: ['_se_command_indent', lang.toolbar.indent + '<span class="se-shortcut">' + (shortcutsDisable.indexOf('indent') > -1 ? '' : cmd + '+<span class="se-shortcut-key">' + indentKey[0] + '</span>') + '</span>', 'indent', '', icons.indent],
+            outdent: ['_se_command_outdent', lang.toolbar.outdent + '<span class="se-shortcut">' + (shortcutsDisable.indexOf('indent') > -1 ? '' : cmd + '+<span class="se-shortcut-key">' + indentKey[1] + '</span>') + '</span>', 'outdent', '', icons.outdent],
             fullScreen: ['se-code-view-enabled se-resizing-enabled _se_command_fullScreen', lang.toolbar.fullScreen, 'fullScreen', '', icons.expansion],
             showBlocks: ['_se_command_showBlocks', lang.toolbar.showBlocks, 'showBlocks', '', icons.show_blocks],
             codeView: ['se-code-view-enabled se-resizing-enabled _se_command_codeView', lang.toolbar.codeView, 'codeView', '', icons.code_view],
-            undo: ['_se_command_undo se-resizing-enabled', lang.toolbar.undo + '<span class="se-shortcut">' + (shortcutsDisable.indexOf('undo') > -1 ? '' : cmd + '+<span class="se-shortcut-key">Z</span>') + '</span>', 'undo', '', icons.undo],
-            redo: ['_se_command_redo se-resizing-enabled', lang.toolbar.redo + '<span class="se-shortcut">' + (shortcutsDisable.indexOf('undo') > -1 ? '' : cmd + '+<span class="se-shortcut-key">Y</span> / ' + cmd + addShift + '+<span class="se-shortcut-key">Z</span>') + '</span>', 'redo', '', icons.redo],
+            undo: ['_se_command_undo', lang.toolbar.undo + '<span class="se-shortcut">' + (shortcutsDisable.indexOf('undo') > -1 ? '' : cmd + '+<span class="se-shortcut-key">Z</span>') + '</span>', 'undo', '', icons.undo],
+            redo: ['_se_command_redo', lang.toolbar.redo + '<span class="se-shortcut">' + (shortcutsDisable.indexOf('undo') > -1 ? '' : cmd + '+<span class="se-shortcut-key">Y</span> / ' + cmd + addShift + '+<span class="se-shortcut-key">Z</span>') + '</span>', 'redo', '', icons.redo],
             preview: ['se-resizing-enabled', lang.toolbar.preview, 'preview', '', icons.preview],
             print: ['se-resizing-enabled', lang.toolbar.print, 'print', '', icons.print],
+            dir: ['_se_command_dir', lang.toolbar[options.rtl ? 'dir_ltr' : 'dir_rtl'], 'dir', '',  icons[options.rtl ? 'dir_ltr' : 'dir_rtl']],
+            dir_ltr: ['_se_command_dir_ltr', lang.toolbar.dir_ltr, 'dir_ltr', '',  icons.dir_ltr],
+            dir_rtl: ['_se_command_dir_rtl', lang.toolbar.dir_rtl, 'dir_rtl', '',  icons.dir_rtl],
             save: ['_se_command_save se-resizing-enabled', lang.toolbar.save + '<span class="se-shortcut">' + (shortcutsDisable.indexOf('save') > -1 ? '' : cmd + '+<span class="se-shortcut-key">S</span>') + '</span>', 'save', '', icons.save],
             /** plugins - command */
             blockquote: ['', lang.toolbar.tag_blockquote, 'blockquote', 'command', icons.blockquote],
@@ -772,7 +817,14 @@ export default {
                         // align
                         if (/^\-/.test(button)) {
                             align = button.substr(1);
-                            moduleElement.div.style.float = align;
+                            moduleElement.div.className += ' module-float-' + align;
+                            continue;
+                        }
+
+                        // rtl fix
+                        if (/^\#/.test(button)) {
+                            const option = button.substr(1);
+                            if (option === 'fix') moduleElement.ul.className += ' se-menu-dir-fix';
                             continue;
                         }
                         

package/src/lib/context.js

@@ -22,6 +22,7 @@ const _Context = function (element, cons, options) {
             topArea: cons._top,
             relative: cons._relative,
             toolbar: cons._toolBar,
+            _toolbarShadow: cons._toolbarShadow,
             _buttonTray: cons._toolBar.querySelector('.se-btn-tray'),
             _menuTray: cons._menuTray,
             resizingBar: cons._resizingBar,
@@ -56,7 +57,10 @@ const _Context = function (element, cons, options) {
             indent: cons._toolBar.querySelector('._se_command_indent'),
             fullScreen: cons._toolBar.querySelector('._se_command_fullScreen'),
             showBlocks: cons._toolBar.querySelector('._se_command_showBlocks'),
-            codeView: cons._toolBar.querySelector('._se_command_codeView')
+            codeView: cons._toolBar.querySelector('._se_command_codeView'),
+            dir: cons._toolBar.querySelector('._se_command_dir'),
+            dir_ltr: cons._toolBar.querySelector('._se_command_dir_ltr'),
+            dir_rtl: cons._toolBar.querySelector('._se_command_dir_rtl')
         },
         options: options,
         option: options

package/src/lib/core.d.ts

@@ -142,12 +142,24 @@ interface Core {
      */
     editorTagsWhitelistRegExp: RegExp;
 
+    /**
+     * @description Editor tags blacklist (RegExp object)
+     * util.createTagsBlacklist(options.tagsBlacklist)
+     */
+    editorTagsBlacklistRegExp: RegExp;
+
     /**
      * @description Tag whitelist when pasting (RegExp object)
      * util.createTagsWhitelist(options.pasteTagsWhitelist)
      */
     pasteTagsWhitelistRegExp: RegExp;
 
+    /**
+     * @description Tag blacklist when pasting (RegExp object)
+     * util.createTagsBlacklist(options.pasteTagsBlacklist)
+     */
+    pasteTagsBlacklistRegExp: RegExp;
+
     /**
      * @description Boolean value of whether the editor has focus
      */
@@ -180,6 +192,23 @@ interface Core {
      */
     commandMap: Record<string, Element>;
 
+    /**
+     * @description Contains pairs of all "data-commands" and "elements" setted in toolbar over time
+     * Used primarily to save and recover button states after the toolbar re-creation
+     * Updates each "_cachingButtons()" invocation  
+     */
+    allCommandButtons: Record<string, Element>;
+
+    /**
+     * @description Save the current buttons states to "allCommandButtons" object
+     */
+    saveButtonStates(): void;
+
+    /**
+     * @description Recover the current buttons states from "allCommandButtons" object
+     */
+    recoverButtonStates(): void;
+
     /**
      * @description If the plugin is not added, add the plugin and call the 'add' function.
      * If the plugin is added call callBack function.
@@ -210,7 +239,7 @@ interface Core {
     initMenuTarget(pluginName: string, target: Element | null, menu: Element): void;
 
     /**
-     * @description Enabled submenu
+     * @description Enable submenu
      * @param element Submenu's button element to call
      */
     submenuOn(element: Element): void;
@@ -221,7 +250,12 @@ interface Core {
     submenuOff(): void;
 
     /**
-     * @description Enabled container
+     * @description Disable more layer
+     */
+    moreLayerOff(): void;
+
+    /**
+     * @description Enable container
      * @param element Container's button element to call
      */
     containerOn(element: Element): void;
@@ -507,7 +541,7 @@ interface Core {
      * @description Changes to full screen or default screen
      * @param element full screen button
      */
-    toggleFullScreen(element: Element): void;
+    toggleFullScreen(element: Element | null): void;
 
     /**
      * @description Prints the current contents of the editor.
@@ -519,6 +553,12 @@ interface Core {
      */
     preview(): void;
 
+    /**
+     * @description Set direction to "rtl" or "ltr".
+     * @param dir "rtl" or "ltr"
+     */
+    setDir(dir: 'rtl' | 'ltr'): void;
+
     /**
      * @description Sets the HTML string
      * @param html HTML string
@@ -543,9 +583,11 @@ interface Core {
      * @param html HTML string
      * @param whitelist Regular expression of allowed tags.
      * RegExp object is create by util.createTagsWhitelist method. (core.pasteTagsWhitelistRegExp)
+     * @param blacklist Regular expression of disallowed tags.
+     * RegExp object is create by util.createTagsBlacklist method. (core.pasteTagsBlacklistRegExp)
      * @returns
      */
-    cleanHTML(html: string, whitelist?: string | RegExp): string;
+    cleanHTML(html: string, whitelist?: string | RegExp, blacklist?: string | RegExp): string;
 
     /**
      * @description Converts contents into a format that can be placed in an editor
@@ -557,9 +599,10 @@ interface Core {
     /**
      * @description Converts wysiwyg area element into a format that can be placed in an editor of code view mode
      * @param html WYSIWYG element (context.element.wysiwyg) or HTML string.
+     * @param comp If true, does not line break and indentation of tags.
      * @returns 
      */
-    convertHTMLForCodeView(html: Element | string): string;
+    convertHTMLForCodeView(html: Element | string, comp?: boolean): string;
 
     /**
      * @description Add an event to document.
@@ -598,12 +641,12 @@ interface Toolbar {
     /**
      * @description Disable the toolbar
      */
-    disabled(): void;
+    disable(): void;
 
     /**
      * @description Enable the toolbar
      */
-    enabled(): void;
+    enable(): void;
 
     /**
      * @description Show the toolbar
@@ -616,6 +659,18 @@ interface Toolbar {
     hide(): void;
 }
 
+interface Wysiwyg {
+    /**
+     * @description Disable the wysiwyg area
+     */
+    disable(): void;
+
+    /**
+     * @description Enable the wysiwyg area
+     */
+    enable(): void;
+}
+
 type EventFn = (e: Event, core: Core) => void;
 
 type imageInputInformation = { linkValue: string, linkNewWindow: Window, inputWidth: number, inputHeight: number, align: string, isUpdate: boolean, element: any };
@@ -645,8 +700,15 @@ export default class SunEditor {
     onBlur: (e: FocusEvent, core: Core) => void;
     onDrop: (e: Event, cleanData: string, maxCharCount: number, core: Core) => boolean | string;
     onPaste: (e: Event, cleanData: string, maxCharCount: number, core: Core) => boolean | string;
-    onCopy: (e: Event, clipboardData: any, core: Core) => void;
-    onCut: (e: Event, clipboardData: any, core: Core) => void;
+    onCopy: (e: Event, clipboardData: any, core: Core) => boolean;
+    onCut: (e: Event, clipboardData: any, core: Core) => boolean;
+
+    /**
+     * @description Called just after the save was executed.
+     * @param contents Editor content
+     * @param core Core object
+     */
+    onSave: (contents: string, core: Core) => void;
 
     /**
      * @description Called just before the inline toolbar is positioned and displayed on the screen.
@@ -872,9 +934,18 @@ export default class SunEditor {
      * @param height Height after resized (px)
      * @param prevHeight Prev height before resized (px)
      * @param core Core object
+     * @param resizeObserverEntry ResizeObserverEntry object (This is not provided in IE Browser.)
      * @returns
      */
-    onResizeEditor: (height: number, prevHeight: number, core: Core) => {};
+    onResizeEditor: (height: number, prevHeight: number, core: Core, resizeObserverEntry: ResizeObserverEntry | null) => {};
+
+    /**
+     * @description Called after the "setToolbarButtons" invocation.
+     * Can be used to tweak buttons properties (useful for custom buttons)
+     * @param buttonList Button list 
+     * @param core Core object
+     */
+    onSetToolbarButtons: (buttonList: any[], core: Core) => void;
 
     /**
      * @description Reset the buttons on the toolbar. (Editor is not reloaded)
@@ -1006,12 +1077,12 @@ export default class SunEditor {
     /**
      * @description Disable the suneditor
      */
-    disabled(): void;
+    disable(): void;
 
     /**
      * @description Enable the suneditor
      */
-    enabled(): void;
+    enable(): void;
 
     /**
      * @description Show the suneditor
@@ -1032,4 +1103,9 @@ export default class SunEditor {
      * @description Toolbar methods
      */
     toolbar: Toolbar;
+
+    /**
+     * @description Wysiwyg methods
+     */
+    wysiwyg: Wysiwyg;
 }