suneditor 2.42.0 → 2.43.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "suneditor",
-  "version": "2.42.0",
+  "version": "2.43.2",
   "description": "Pure JavaScript based WYSIWYG web editor",
   "author": "JiHong.Lee",
   "license": "MIT",
@@ -9,7 +9,7 @@
     "./src/assets/css/*.css"
   ],
   "scripts": {
-    "dev": "webpack-dev-server --open --config webpack.dev.js",
+    "dev": "webpack-dev-server --config webpack.dev.js",
     "start": "npm run dev",
     "build": "webpack --config webpack.prod.js",
     "lint": "jshint src",
@@ -40,8 +40,8 @@
     "html-webpack-plugin": "^3.2.0",
     "jasmine": "^2.99.0",
     "jasmine-core": "^2.99.1",
-    "jshint": "^2.12.0",
-    "karma": "^4.4.1",
+    "jshint": "^2.13.4",
+    "karma": "^6.3.19",
     "karma-chrome-launcher": "^2.2.0",
     "karma-jasmine": "^1.1.2",
     "katex": "^0.11.1",

package/src/assets/css/suneditor-contents.css

@@ -374,7 +374,7 @@
     max-width: 100%;
 }
 /*  image, video - select index  */
-.sun-editor-editable[contenteditable="true"] figure::after {
+.sun-editor-editable[contenteditable="true"]:not(.se-read-only) figure::after {
     position: absolute;
     content: '';
     z-index: 1;

package/src/assets/css/suneditor.css

@@ -137,6 +137,7 @@
 
 /** --- toolbar ---------------------------------------------------------- */
 .sun-editor .se-toolbar {display:block; position:relative; height:auto; width:100%; overflow:visible; padding:0; margin:0; background-color:#fafafa; outline:1px solid #dadada; z-index:5;}
+.sun-editor .se-toolbar-shadow {display:block !important; height:0px !important; padding:0 !important; margin:0 !important; background-color:transparent !important;  outline:none !important; border: none !important; z-index:0 !important;}
 .sun-editor .se-toolbar-cover {position:absolute; display:none; font-size:36px; width:100%; height:100%; top:0; left:0; background-color:#fefefe; opacity:.5; filter:alpha(opacity=50); cursor:not-allowed; z-index:4;}
 .sun-editor .se-toolbar-separator-vertical {display:inline-block; height:0px; width:0px; margin:0px; vertical-align:top;}
 /* inline toolbar */
@@ -334,7 +335,7 @@
 .sun-editor .se-dialog-tabs button.active {background-color:#fff;border-bottom:0;}
 
 /* dialog - modal - math */
-.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-form.se-math-exp {resize:vertical; height:4rem; border:1px solid #ccc; font-size:13px; padding:4px; direction:ltr;}
+.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-form.se-math-exp {resize:vertical; height:14em; border:1px solid #ccc; font-size:13px; padding:4px; direction:ltr;}
 .sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-select.se-math-size {width:6em; height:28px; margin-left:1em;}
 .sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-math-preview {font-size:13px;}
 .sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-math-preview > span {display:inline-block; -webkit-box-shadow:0 0 0 0.1rem #c7deff; box-shadow:0 0 0 0.1rem #c7deff;}

package/src/lang/zh_cn.js

@@ -83,7 +83,7 @@
             linkBox: {
                 title: '插入超链接',
                 url: '网址',
-                text: '字体',
+                text: '要显示的文字',
                 newWindowCheck: '在新标签页中打开',
                 downloadLinkCheck: '下载链接',
                 bookmark: '书签'

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,6 +88,7 @@ export default {
         const toolbarContainer = options.toolbarContainer;
         if (toolbarContainer) {
             toolbarContainer.appendChild(tool_bar.element);
+            toolbarContainer.appendChild(toolbarShadow);
         }
 
         // resizingbar
@@ -95,7 +98,10 @@ export default {
         /** 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);
@@ -113,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,
@@ -306,15 +313,17 @@ export default {
             }
             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';
@@ -471,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;
@@ -564,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) {
@@ -623,8 +636,8 @@ 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],

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,

package/src/lib/core.d.ts

@@ -578,6 +578,14 @@ interface Core {
      */
     getContents(onlyContents: boolean): string;
 
+    /**
+     * @description Gets the current contents with containing parent div(div.sun-editor-editable).
+     * <div class="sun-editor-editable">{contents}</div>
+     * @param onlyContents Return only the contents of the body without headers when the "fullPage" option is true
+     * @returns
+     */
+    getFullContents(onlyContents: boolean): string;
+
     /**
      * @description Gets the clean HTML code for editor
      * @param html HTML string
@@ -934,9 +942,10 @@ 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.