v2.44.0

JiHong88 · Sep 22, 2022 · 1fd0324 · 1fd0324
2 parents 1f886eb + 3745f10
commit 1fd0324
Show file tree

Hide file tree

Showing 24 changed files with 250 additions and 162 deletions.
diff --git a/README.md b/README.md
@@ -384,6 +384,9 @@ plugins: [
     imageGallery
 ]
 : Plugins array.     default: null {Array}
+// * Custom options and default options are all treated the same. 
+// * When using a custom plugin and a default plugin together, register as follows.
+// * {custom_plugin, ...plugins}
 
 // Values
 lang            : language object.   default : en {Object}
@@ -396,6 +399,10 @@ textTags        : You can change the tag of the default text button.   default:
 value           : Initial value(html string) of the edit area.
                   If not, the value of the "target textarea".   default: null {String}
 historyStackDelayTime : When recording the history stack, this is the delay time(miliseconds) since the last input.  default: 400 {Number}
+frameAttrbutes  : Specifies the properties of the editing area DIV.     default: {} {Object}
+                  ex)  {
+                    "spellcheck": false
+                  }
 
 // Whitelist, Blacklist -----------------------------------------------------------------------------------------
 // (You can use regular expression syntax.)
@@ -1018,19 +1025,22 @@ editor.noticeOpen('test notice');
 editor.noticeClose();
 
 // Copies the contents of the suneditor into a [textarea]
+// * not working during enabled codeView mode
 editor.save();
 
 // Gets the suneditor's context object. Contains settings, plugins, and cached element objects
 editor.getContext();
 
 // Gets the contents of the suneditor
+// * not working during enabled codeView mode
 // onlyContents {Boolean}: Return only the contents of the body without headers when the "fullPage" option is true
 editor.getContents(onlyContents: Boolean);
 // Gets the current contents with containing parent div(div.sun-editor-editable).
 //  <div class="sun-editor-editable">{contents}</div>
 editor.getFullContents(onlyContents: Boolean);
 
 // Gets only the text of the suneditor contents
+// * not working during enabled codeView mode
 editor.getText();
 
 // Gets a list of images uploaded to the editor

diff --git a/dist/css/suneditor.min.css b/dist/css/suneditor.min.css
diff --git a/dist/suneditor.min.js b/dist/suneditor.min.js
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "suneditor",
-  "version": "2.43.14",
+  "version": "2.44.0",
   "description": "Pure JavaScript based WYSIWYG web editor",
   "author": "JiHong.Lee",
   "license": "MIT",

diff --git a/sample/html/customPlugins.html b/sample/html/customPlugins.html
@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <meta name="author" content="https://github.com/JiHong88" />
     <meta name="keywords" content="wysiwyg,editor,javascript,suneditor,wysiwyg eidtor,rich text editor,html editor,contenteditable,위지위그 에디터 웹에디터">
     <meta name="description" content="Pure javascript wysiwyg web editor" />

diff --git a/sample/html/examples.html b/sample/html/examples.html
@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <meta name="author" content="https://github.com/JiHong88" />
     <meta name="keywords" content="wysiwyg,editor,javascript,suneditor,wysiwyg eidtor,rich text editor,html editor,contenteditable,위지위그 에디터 웹에디터">
     <meta name="description" content="Pure javascript wysiwyg web editor" />

diff --git a/sample/html/getting-started.html b/sample/html/getting-started.html
@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <meta name="author" content="https://github.com/JiHong88" />
     <meta name="keywords" content="wysiwyg,editor,javascript,suneditor,wysiwyg eidtor,rich text editor,html editor,contenteditable,위지위그 에디터 웹에디터">
     <meta name="description" content="Pure javascript wysiwyg web editor" />

diff --git a/sample/html/options.html b/sample/html/options.html
@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <meta name="author" content="https://github.com/JiHong88" />
     <meta name="keywords" content="wysiwyg,editor,javascript,suneditor,wysiwyg eidtor,rich text editor,html editor,contenteditable,위지위그 에디터 웹에디터">
     <meta name="description" content="Pure javascript wysiwyg web editor" />

diff --git a/sample/html/out/document-editor.html b/sample/html/out/document-editor.html
@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6933506635175446" crossorigin="anonymous"></script>
     <title>JSDoc: Suneditor</title>
 
@@ -2015,7 +2015,8 @@ <h5>Parameters:</h5>
             <h4 class="name" id="getContents"><span class="type-signature"></span>getContents<span 
                 class="signature">(onlyContents)</span><span class="type-signature"> &rarr; {String}</span></h4>
             <div class="description">
-                Gets the current contents
+                Gets the current contents<br>
+                * not working during enabled codeView mode
             </div>
             <h5>Parameters:</h5>
             <table class="params">
@@ -2070,7 +2071,8 @@ <h5>Parameters:</h5>
             <h4 class="name" id="getText"><span class="type-signature"></span>getText<span 
                 class="signature">()</span><span class="type-signature"> &rarr; {String}</span></h4>
             <div class="description">
-                Gets only the text of the suneditor contents
+                Gets only the text of the suneditor contents<br>
+                * not working during enabled codeView mode
             </div>
             <dl class="details"></dl>
 

diff --git a/sample/html/out/document-module.html b/sample/html/out/document-module.html
@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6933506635175446" crossorigin="anonymous"></script>
     <title>JSDoc: Suneditor</title>
 

diff --git a/sample/html/out/document-user.html b/sample/html/out/document-user.html
@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6933506635175446" crossorigin="anonymous"></script>
     <title>JSDoc: Suneditor</title>
 

diff --git a/sample/html/out/document-util.html b/sample/html/out/document-util.html
@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6933506635175446" crossorigin="anonymous"></script>
     <title>JSDoc: Suneditor</title>
 

diff --git a/sample/html/out/index.html b/sample/html/out/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6933506635175446" crossorigin="anonymous"></script>
     <title>JSDoc: Home</title>
 

diff --git a/sample/index.html b/sample/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <meta name="author" content="https://github.com/JiHong88" />
     <meta name="keywords" content="wysiwyg,editor,javascript,suneditor,wysiwyg eidtor,rich text editor,html editor,contenteditable,위지위그 에디터 웹에디터">
     <meta name="description" content="Pure javascript wysiwyg web editor" />

diff --git a/src/assets/css/suneditor-contents.css b/src/assets/css/suneditor-contents.css
@@ -32,27 +32,17 @@
     direction: rtl;
 }
 
+.sun-editor-editable .se-component > figure {
+    direction: initial;
+}
+
 /** controllers on tag */
 .sun-editor-editable td, .sun-editor-editable th, 
 .sun-editor-editable figure, .sun-editor-editable figcaption, .sun-editor-editable img, 
 .sun-editor-editable iframe, .sun-editor-editable video, .sun-editor-editable audio {
     position: relative;
 }
 
-/* float */
-.sun-editor-editable .__se__float-left {
-    float: left;
-}
-.sun-editor-editable .__se__float-right {
-    float: right;
-}
-.sun-editor-editable .__se__float-center {
-    float: center;
-}
-.sun-editor-editable .__se__float-none {
-    float: none;
-}
-
 /** span */
 .sun-editor-editable span {
     display: inline;
@@ -364,6 +354,22 @@
     -webkit-box-shadow:0 0 0 0.2rem #80bdff; box-shadow:0 0 0 0.2rem #3f9dff; transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
 }
 
+/* float */
+.sun-editor-editable .__se__float-left {
+    float: left;
+    margin-right: 4px;
+}
+.sun-editor-editable .__se__float-right {
+    float: right;
+    margin-left: 4px;
+}
+.sun-editor-editable .__se__float-center {
+    float: center;
+}
+.sun-editor-editable .__se__float-none {
+    float: none;
+}
+
 /** image, video .. */
 .sun-editor-editable img, .sun-editor-editable iframe, .sun-editor-editable video, .sun-editor-editable audio {
     display: block;

diff --git a/src/assets/css/suneditor.css b/src/assets/css/suneditor.css
@@ -2,7 +2,7 @@
 /* font color #333, background color: #fff */
 /* grey color #e1e1e1 , #d1d1d1 , #c1c1c1 , #b1b1b1 */
 /* blue color #c7deff , #80bdff , #3f9dff , #4592ff, #407dd1, #3288ff */
-/* red color #b94a48 , #f2dede , #eed3d7 */
+/* red color #b94a48 , #f2dede , #eed3d7, #d9534f */
 
 /** --- suneditor main */
 .sun-editor {width:auto; height:auto; box-sizing:border-box; font-family:Helvetica Neue; border:1px solid #dadada; background-color:#FFF; color:#000; user-select:none; -o-user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none;}
@@ -459,8 +459,8 @@
 
 /** --- tooltip */
 .sun-editor .se-tooltip {position:relative; overflow:visible;}
-.sun-editor .se-tooltip .se-tooltip-inner {visibility:hidden; position:absolute; display:block; width:auto; top:120%; left:50%; background:transparent; opacity:0; z-index:1; line-height:1.5; transition:opacity 0.5s; margin:0; padding:0; bottom:auto; float:none; pointer-events:none; backface-visibility:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden;}
-.sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text {position:relative; display:inline-block; width:auto; left:-50%; font-size:0.9em; margin:0; padding:4px 6px; border-radius:2px; background-color:#333; color:#fff; text-align:center; line-height:unset; white-space:nowrap; cursor:auto;}
+.sun-editor .se-tooltip .se-tooltip-inner {visibility:hidden; position:absolute; display:block; width:auto; height:auto; top:120%; left:50%; background:transparent; opacity:0; z-index:1; line-height:1.5; transition:opacity 0.5s; margin:0; padding:0; bottom:auto; float:none; pointer-events:none; backface-visibility:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden;}
+.sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text {position:relative; display:inline-block; width:auto; height:auto; left:-50%; font-size:0.9em; margin:0; padding:4px 6px; border-radius:2px; background-color:#333; color:#fff; text-align:center; line-height:unset; white-space:nowrap; cursor:auto;}
 .sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text::after {content:""; position:absolute; bottom:100%; left:50%; margin-left:-5px; border-width:5px; border-style:solid; border-color:transparent transparent #333 transparent;}
 .sun-editor .se-tooltip:hover .se-tooltip-inner {visibility:visible; opacity:1;}
 .sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text .se-shortcut {display:block !important;}
@@ -501,6 +501,7 @@
 
 /* dialog--- */
 .sun-editor.se-rtl .se-dialog * {direction:rtl;}
+.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-form .se-video-ratio {margin-left:0; margin-right:4px;}
 /* dialog - header */
 .sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-header .se-dialog-close {float:left;}
 .sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-header .se-modal-title {float:right;}
@@ -535,6 +536,17 @@
 .sun-editor .se-btn-module-border.module-float-right {float:right;}
 
 
+/** --- error ---------------------------------------------------------- */
+.sun-editor .se-error {color:#d9534f;}
+.sun-editor input.se-error:focus, select.se-error:focus, textarea.se-error:focus {
+    border: 1px solid #f2dede;
+    outline: 0;
+    -webkit-box-shadow: 0 0 0 0.2rem #eed3d7;
+    box-shadow: 0 0 0 0.2rem #eed3d7;
+    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
+}
+
+
 /** ---------------------------------------------------------- menu items style ---------------------------------------------------------- */
 /** hr menu items */
 .sun-editor hr.__se__solid {

diff --git a/src/lib/constructor.js b/src/lib/constructor.js
@@ -410,6 +410,7 @@ export default {
         options.lang = options.lang || _defaultLang;
         options.value = typeof options.value === 'string' ? options.value : null;
         options.historyStackDelayTime = typeof options.historyStackDelayTime === 'number' ? options.historyStackDelayTime : 400;
+        options.frameAttrbutes = options.frameAttrbutes || {};
         // tag style
         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) {
@@ -511,7 +512,7 @@ export default {
         options.lineHeights = !options.lineHeights ? null : options.lineHeights;
         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.fontSizeUnit = typeof options.fontSizeUnit === 'string' ? (options.fontSizeUnit.trim().toLowerCase() || '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;