suneditor 2.41.3 → 2.42.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "suneditor",
-  "version": "2.41.3",
+  "version": "2.42.0",
   "description": "Pure JavaScript based WYSIWYG web editor",
   "author": "JiHong.Lee",
   "license": "MIT",

package/src/assets/css/suneditor.css

@@ -138,7 +138,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-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:1px; vertical-align:top;}
+.sun-editor .se-toolbar-separator-vertical {display:inline-block; height:0px; width:0px; margin:0px; vertical-align:top;}
 /* inline toolbar */
 .sun-editor .se-toolbar.se-toolbar-inline {display:none; position:absolute; box-shadow:0 3px 9px rgba(0,0,0,.5); -webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);}
 /* balloon toolbar */
@@ -150,8 +150,8 @@
 /** --- tool bar --- module --- button, module, group ----------------------------------------------------------  */
 /* module */
 .sun-editor .se-btn-module {display:inline-block;}
-.sun-editor .se-btn-module-border {border:1px solid #dadada; border-radius:4px;}
-.sun-editor .se-btn-module-enter {display:block; width:100%; height:1px; margin-bottom:5px; background-color:transparent;}
+.sun-editor .se-btn-module-border {border:1px solid #dadada; border-radius:4px; margin-left:1px; margin-right:1px;}
+.sun-editor .se-btn-module-enter {display:block; width:100%; height:0px; margin:0; padding:0; background-color:transparent;}
 /* ---more - layer */
 .sun-editor .se-toolbar-more-layer {margin:0 -3px; background-color:#fafafa;}
 .sun-editor .se-toolbar-more-layer .se-more-layer {display:none;  border-top:1px solid #dadada;}
@@ -167,7 +167,6 @@
 /* tool bar select button (font, fontSize, formatBlock) */
 .sun-editor .se-btn-select {width:auto; display:flex; padding:4px 6px;}
 .sun-editor .se-btn-select .txt {flex:auto; text-align:left;}
-.sun-editor.se-rtl .se-btn-select svg {margin:auto 1px;}
 .sun-editor .se-btn-select.se-btn-tool-font {width:100px;}
 .sun-editor .se-btn-select.se-btn-tool-format {width:82px;}
 .sun-editor .se-btn-select.se-btn-tool-size {width:78px;}
@@ -207,6 +206,7 @@
 .sun-editor .se-list-layer.se-list-font-family .default {border-bottom:1px solid #CCC;}
 /* submenu layer - hr */
 .sun-editor .se-list-layer.se-list-line {width:125px;}
+.sun-editor .se-list-layer.se-list-line hr {border-width: 1px 0 0; height: 1px;}
 /* submenu layer - align */
 .sun-editor .se-list-layer.se-list-align .se-list-inner {left:9px; width:125px;}
 /** submenu layer - format block, paragraph style, text style */
@@ -464,6 +464,7 @@
 /** --- RTL ---------------------------------------------------------- */
 /* tray */
 .sun-editor.se-rtl .se-btn-tray {direction:rtl;}
+.sun-editor.se-rtl .se-btn-select svg {margin:auto 1px;}
 
 /* button--- */
 /* button - select text */
@@ -472,8 +473,8 @@
 .sun-editor.se-rtl .se-btn-list {text-align:right;}
 .sun-editor.se-rtl .se-btn-list > .se-list-icon {margin:-1px 0 0 10px;}
 /* button - se-menu-list - li */
-.sun-editor.se-rtl .se-menu-list {float:right;}
-.sun-editor.se-rtl .se-menu-list li {float:right;}
+.sun-editor.se-rtl .se-menu-list:not(.se-menu-dir-fix) {float:right;}
+.sun-editor.se-rtl .se-menu-list:not(.se-menu-dir-fix) li {float:right;}
 
 /* menu list--- */
 .sun-editor.se-rtl .se-list-layer * {direction:rtl;}
@@ -523,6 +524,24 @@
 .sun-editor.se-rtl .se-resizing-container .se-resize-display {direction:rtl;}
 /** --- RTL ---------------------------------------------------------- */
 
+/** button module float --------------------------------------------- */
+.sun-editor .se-btn-module-border.module-float-left {float:left;}
+.sun-editor .se-btn-module-border.module-float-right {float:right;}
+
+
+/** ---------------------------------------------------------- menu items style ---------------------------------------------------------- */
+/** hr menu items */
+.sun-editor hr.__se__solid {
+    border-style: solid none none;
+}
+.sun-editor hr.__se__dotted {
+    border-style: dotted none none;
+}
+.sun-editor hr.__se__dashed {
+    border-style: dashed none none;
+}
+/** ---------------------------------------------------------- menu items style ---------------------------------------------------------- */
+
 
 /** animation */
 @keyframes blinker { 50% {opacity:0;} }

package/src/assets/defaultIcons.js

@@ -85,6 +85,8 @@ export default {
    image_gallery: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="30 30 150 150"><g><path d="M152.775,120.548V51.651c0-12.271-9.984-22.254-22.254-22.254H43.727c-12.271,0-22.254,9.983-22.254,22.254v68.896c0,12.27,9.983,22.254,22.254,22.254h86.795C142.791,142.802,152.775,132.817,152.775,120.548z M36.394,51.651c0-4.042,3.291-7.333,7.333-7.333h86.795c4.042,0,7.332,3.291,7.332,7.333v23.917l-14.938-17.767c-1.41-1.678-3.487-2.649-5.68-2.658h-0.029c-2.184,0-4.255,0.954-5.674,2.613L76.709,98.519l-9.096-9.398c-1.427-1.474-3.392-2.291-5.448-2.273c-2.052,0.025-4.004,0.893-5.396,2.4L36.394,111.32V51.651z M41.684,127.585l20.697-22.416l9.312,9.622c1.461,1.511,3.489,2.334,5.592,2.27c2.101-0.066,4.075-1.013,5.44-2.612l34.436-40.308l20.693,24.613v21.794c0,4.042-3.29,7.332-7.332,7.332H43.727C43.018,127.88,42.334,127.775,41.684,127.585z M182.616,152.5V75.657c0-4.12-3.34-7.46-7.461-7.46c-4.119,0-7.46,3.34-7.46,7.46V152.5c0,4.112-3.347,7.46-7.461,7.46h-94c-4.119,0-7.46,3.339-7.46,7.459c0,4.123,3.341,7.462,7.46,7.462h94C172.576,174.881,182.616,164.841,182.616,152.5z"/></g></svg>',
    bookmark: '<svg viewBox="0 0 24 24"><path d="M17,3H7A2,2 0 0,0 5,5V21L12,18L19,21V5C19,3.89 18.1,3 17,3Z" /></svg>',
    download: '<svg viewBox="0 0 24 24"><path d="M2 12H4V17H20V12H22V17C22 18.11 21.11 19 20 19H4C2.9 19 2 18.11 2 17V12M12 15L17.55 9.54L16.13 8.13L13 11.25V2H11V11.25L7.88 8.13L6.46 9.55L12 15Z" /></svg>',
+   dir_ltr: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M9 4v4c-1.1 0-2-.9-2-2s.9-2 2-2m8-2H9C6.79 2 5 3.79 5 6s1.79 4 4 4v5h2V4h2v11h2V4h2V2zm0 12v3H5v2h12v3l4-4-4-4z"/></svg>',
+   dir_rtl: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M10 4v4c-1.1 0-2-.9-2-2s.9-2 2-2m8-2h-8C7.79 2 6 3.79 6 6s1.79 4 4 4v5h2V4h2v11h2V4h2V2zM8 14l-4 4 4 4v-3h12v-2H8v-3z"/></svg>',
    // More icons
    more_text: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="10 10 180 180"><g><path d="M49.711,142.188h49.027c2.328,0.002,4.394,1.492,5.129,3.699l9.742,29.252c0.363,1.092,1.385,1.828,2.537,1.83l15.883,0.01c0.859,0,1.667-0.412,2.17-1.109s0.641-1.594,0.37-2.41l-16.625-50.045L86.503,28.953c-0.36-1.097-1.383-1.839-2.537-1.842H64.532c-1.153-0.001-2.178,0.736-2.542,1.831L13.847,173.457c-0.271,0.816-0.135,1.713,0.369,2.412c0.503,0.697,1.311,1.109,2.171,1.109h15.872c1.151,0,2.173-0.736,2.537-1.828l9.793-29.287C45.325,143.66,47.39,142.18,49.711,142.188L49.711,142.188z M53.493,119.098l15.607-46.9c0.744-2.196,2.806-3.674,5.125-3.674s4.381,1.478,5.125,3.674l15.607,46.904c0.537,1.621,0.263,3.402-0.736,4.789c-1.018,1.408-2.649,2.24-4.386,2.24H58.615c-1.736,0-3.368-0.832-4.386-2.24C53.23,122.504,52.956,120.721,53.493,119.098L53.493,119.098z M190.465,63.32c0-2.919-1.015-5.396-3.059-7.428c-2.029-2.031-4.496-3.047-7.383-3.047c-2.889,0-5.355,1.016-7.388,3.047c-2.029,2.032-3.056,4.498-3.056,7.386c0,2.889,1.026,5.354,3.056,7.385c2.032,2.032,4.499,3.059,7.388,3.059c2.887,0,5.354-1.026,7.383-3.059C189.45,68.633,190.465,66.178,190.465,63.32L190.465,63.32z M190.465,101.994c0-2.858-1.015-5.313-3.059-7.333c-2.029-2.042-4.496-3.047-7.383-3.047c-2.889,0-5.355,1.005-7.388,3.047c-2.029,2.021-3.056,4.486-3.056,7.376c0,2.887,1.026,5.352,3.056,7.395c2.032,2.021,4.499,3.047,7.388,3.047c2.887,0,5.354-1.025,7.383-3.047C189.45,107.389,190.465,104.914,190.465,101.994L190.465,101.994z M190.465,140.76c0-2.918-1.015-5.395-3.059-7.438c-2.029-2.041-4.496-3.047-7.383-3.047c-2.889,0-5.355,1.006-7.388,3.047c-2.029,2.043-3.056,4.52-3.056,7.438c0,2.922,1.026,5.398,3.056,7.439c2.032,2.021,4.499,3.047,7.388,3.047c2.887,0,5.354-1.025,7.383-3.047C189.45,146.158,190.465,143.682,190.465,140.76L190.465,140.76z"/></g></svg>',
    more_paragraph: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="10 10 180 180"><g><path d="M128.39,28.499H63.493c-25.558,0-46.354,20.796-46.354,46.354c0,25.559,20.796,46.353,46.354,46.353h9.271v55.625h18.542V47.04h9.271V176.83h18.543V47.04h9.271V28.499z M72.764,102.664h-9.271c-15.337,0-27.813-12.475-27.813-27.812c0-15.336,12.476-27.813,27.813-27.813h9.271V102.664z M190.465,63.32c0-2.919-1.015-5.396-3.059-7.428c-2.029-2.031-4.496-3.047-7.383-3.047c-2.889,0-5.355,1.016-7.388,3.047c-2.029,2.032-3.056,4.498-3.056,7.386c0,2.889,1.026,5.354,3.056,7.385c2.032,2.032,4.499,3.059,7.388,3.059c2.887,0,5.354-1.026,7.383-3.059C189.45,68.633,190.465,66.178,190.465,63.32L190.465,63.32z M190.465,101.994c0-2.858-1.015-5.313-3.059-7.333c-2.029-2.042-4.496-3.047-7.383-3.047c-2.889,0-5.355,1.005-7.388,3.047c-2.029,2.021-3.056,4.486-3.056,7.376c0,2.887,1.026,5.352,3.056,7.395c2.032,2.021,4.499,3.047,7.388,3.047c2.887,0,5.354-1.025,7.383-3.047C189.45,107.389,190.465,104.914,190.465,101.994L190.465,101.994z M190.465,140.76c0-2.918-1.015-5.395-3.059-7.438c-2.029-2.041-4.496-3.047-7.383-3.047c-2.889,0-5.355,1.006-7.388,3.047c-2.029,2.043-3.056,4.52-3.056,7.438c0,2.922,1.026,5.398,3.056,7.439c2.032,2.021,4.499,3.047,7.388,3.047c2.887,0,5.354-1.025,7.383-3.047C189.45,146.158,190.465,143.682,190.465,140.76L190.465,140.76z"/></g></svg>',

package/src/lang/Lang.d.ts

@@ -52,7 +52,9 @@ export interface Lang {
     paragraphStyle: string;
     textStyle: string;
     imageGallery: string;
-    mention: string
+    dir_ltr: string;
+    dir_rtl: string;
+    mention: string;
   };
   dialogBox: {
     linkBox: {

package/src/lang/ckb.js

@@ -75,6 +75,8 @@
             paragraphStyle: 'ستایلی په‌ره‌گراف',
             textStyle: 'ستایلی نوسین',
             imageGallery: 'گاله‌ری وێنه‌كان',
+            dir_ltr: 'من اليسار إلى اليمين',
+            dir_rtl: 'من اليمين الى اليسار',
             mention: 'تنويه ب'
         },
         dialogBox: {

package/src/lang/da.js

@@ -78,6 +78,8 @@
             paragraphStyle: 'Afsnitstil',
             textStyle: 'Tekststil',
             imageGallery: 'Billedgalleri',
+            dir_ltr: 'Venstre til højre',
+            dir_rtl: 'Højre til venstre',
             mention: 'Nævne'
         },
         dialogBox: {

package/src/lang/de.js

@@ -75,6 +75,8 @@
             paragraphStyle: 'Absatzstil',
             textStyle: 'Textstil',
             imageGallery: 'Bildergalerie',
+            dir_ltr: 'Links nach rechts',
+            dir_rtl: 'Rechts nach links',
             mention: 'Erwähnen'
         },
         dialogBox: {

package/src/lang/en.js

@@ -75,6 +75,8 @@
             paragraphStyle: 'Paragraph style',
             textStyle: 'Text style',
             imageGallery: 'Image gallery',
+            dir_ltr: 'Left to right',
+            dir_rtl: 'Right to left',
             mention: 'Mention'
         },
         dialogBox: {

package/src/lang/es.js

@@ -75,6 +75,8 @@
 			paragraphStyle: 'Estilo del parrafo',
 			textStyle: 'Estilo del texto',
 			imageGallery: 'Galería de imágenes',
+			dir_ltr: 'De izquierda a derecha',
+            dir_rtl: 'De derecha a izquierda',
 			mention: 'Mencionar'
 		},
 		dialogBox: {

package/src/lang/fr.js

@@ -35,7 +35,7 @@
             strike: 'Barré',
             subscript: 'Indice',
             superscript: 'Exposant',
-            removeFormat: 'Éffacer  le Formatage',
+            removeFormat: 'Effacer le formatage',
             fontColor: 'Couleur du texte',
             hiliteColor: 'Couleur en arrière plan',
             indent: 'Indenter',
@@ -57,13 +57,13 @@
             math: 'Math',
             image: 'Image',
             video: 'Video',
-            audio: 'l\'audio',
+            audio: 'Audio',
             fullScreen: 'Plein écran',
             showBlocks: 'Voir les blocs',
             codeView: 'Voir le code',
             undo: 'Annuler',
             redo: 'Rétablir',
-            preview: 'Previsualiser',
+            preview: 'Prévisualiser',
             print: 'Imprimer',
             tag_p: 'Paragraphe',
             tag_div: 'Normal (DIV)',
@@ -75,6 +75,8 @@
             paragraphStyle: 'Style de paragraphe',
             textStyle: 'Style de texte',
             imageGallery: 'Galerie d\'images',
+            dir_ltr: 'De gauche à droite',
+            dir_rtl: 'De droite à gauche',
             mention: 'Mention'
         },
         dialogBox: {
@@ -90,7 +92,7 @@
                 title: 'Math',
                 inputLabel: 'Notation mathématique',
                 fontSizeLabel: 'Taille',
-                previewLabel: 'Previsualiser'
+                previewLabel: 'Prévisualiser'
             },
             imageBox: {
                 title: 'Insérer une image',
@@ -99,12 +101,12 @@
                 altText: 'Texte Alternatif'
             },
             videoBox: {
-                title: 'Insérer une Vidéo',
+                title: 'Insérer une vidéo',
                 file: 'Sélectionner le fichier',
                 url: 'URL d’intégration du média, YouTube/Vimeo'
             },
             audioBox: {
-                title: 'Insertar une l\'audio',
+                title: 'Insérer un fichier audio',
                 file: 'Sélectionner le fichier',
                 url: 'Adresse URL du fichier'
             },
@@ -123,7 +125,7 @@
             center: 'Centré',
             width: 'Largeur',
             height: 'Hauteur',
-            size: 'La taille',
+            size: 'Taille',
             ratio: 'Rapport'
         },
         controller: {
@@ -159,7 +161,7 @@
             bordered: 'Ligne de démarcation',
             neon: 'Néon',
             translucent: 'Translucide',
-            shadow: 'L\'ombre',
+            shadow: 'Ombre',
             code: 'Code'
         }
     };

package/src/lang/he.js

@@ -75,6 +75,8 @@
             paragraphStyle: 'סגנון פסקה',
             textStyle: 'סגנון גופן',
             imageGallery: 'גלרית תמונות',
+            dir_ltr: 'משמאל לימין',
+            dir_rtl: 'מימין לשמאל',
             mention: 'הזכר'
         },
         dialogBox: {

package/src/lang/it.js

@@ -75,6 +75,8 @@
             paragraphStyle: 'Stile paragrafo',
             textStyle: 'Stile testo',
             imageGallery: 'Galleria di immagini',
+            dir_ltr: 'Da sinistra a destra',
+            dir_rtl: 'Da destra a sinistra',
             mention: 'Menzione'
         },
         dialogBox: {

package/src/lang/ja.js

@@ -75,6 +75,8 @@
             paragraphStyle: '段落スタイル',
             textStyle: 'テキストスタイル',
             imageGallery: 'イメージギャラリー',
+            dir_ltr: '左から右へ',
+            dir_rtl: '右から左に',
             mention: '言及する'
         },
         dialogBox: {

package/src/lang/ko.js

@@ -75,6 +75,8 @@
             paragraphStyle: '문단 스타일',
             textStyle: '글자 스타일',
             imageGallery: '이미지 갤러리',
+            dir_ltr: '왼쪽에서 오른쪽',
+            dir_rtl: '오른쪽에서 왼쪽',
             mention: '멘션'
         },
         dialogBox: {

package/src/lang/lv.js

@@ -75,6 +75,8 @@
             paragraphStyle: 'Paragrāfa stils',
             textStyle: 'Teksta stils',
             imageGallery: 'Attēlu galerija',
+            dir_ltr: 'No kreisās uz labo',
+            dir_rtl: 'No labās uz kreiso',
             mention: 'Pieminēt'
         },
         dialogBox: {

package/src/lang/nl.js

@@ -75,6 +75,8 @@
             paragraphStyle: 'Alineastijl',
             textStyle: 'Tekststijl',
             imageGallery: 'Galerij',
+            dir_ltr: 'Van links naar rechts',
+            dir_rtl: 'Rechts naar links',
             mention: 'Vermelding'
         },
         dialogBox: {

package/src/lang/pl.js

@@ -75,6 +75,8 @@
             paragraphStyle: 'Styl akapitu',
             textStyle: 'Styl tekstu',
             imageGallery: 'Galeria obrazów',
+            dir_ltr: 'Od lewej do prawej',
+            dir_rtl: 'Od prawej do lewej',
             mention: 'Wzmianka'
         },
         dialogBox: {

package/src/lang/pt_br.js

@@ -76,6 +76,8 @@
             paragraphStyle: 'Estilo do parágrafo',
             textStyle: 'Estilo do texto',
             imageGallery: 'Galeria de imagens',
+            dir_ltr: 'Da esquerda para direita',
+            dir_rtl: 'Direita para esquerda',
             mention: 'Menção'
         },
         dialogBox: {

package/src/lang/ro.js

@@ -75,6 +75,8 @@
             paragraphStyle: 'Stil paragraf',
             textStyle: 'Stil text',
             imageGallery: 'Galerie de imagini',
+            dir_ltr: 'De la stânga la dreapta',
+            dir_rtl: 'De la dreapta la stanga',
             mention: 'Mentiune'
         },
         dialogBox: {

package/src/lang/ru.js

@@ -75,6 +75,8 @@
             paragraphStyle: 'Стиль абзаца',
             textStyle: 'Стиль текста',
             imageGallery: 'Галерея',
+            dir_ltr: 'Слева направо',
+            dir_rtl: 'Справа налево',
             mention: 'Упоминание'
         },
         dialogBox: {

package/src/lang/se.js

@@ -78,6 +78,8 @@
             paragraphStyle: 'Stil på stycke',
             textStyle: 'Textstil',
             imageGallery: 'Bildgalleri',
+            dir_ltr: 'Vänster till höger',
+            dir_rtl: 'Höger till vänster',
             mention: 'Namn'
         },
         dialogBox: {

package/src/lang/ua.js

@@ -75,6 +75,8 @@
             paragraphStyle: "Стиль абзацу",
             textStyle: "Стиль тексту",
             imageGallery: "Галерея",
+            dir_ltr: 'Зліва направо',
+            dir_rtl: 'Справа наліво',
             mention: "Згадати"
         },
         dialogBox: {

package/src/lang/zh_cn.js

@@ -75,6 +75,8 @@
             paragraphStyle: '段落样式',
             textStyle: '文字样式',
             imageGallery: '图片库',
+            dir_ltr: '左到右',
+            dir_rtl: '右到左',
             mention: '提到'
         },
         dialogBox: {

package/src/lib/constructor.js

@@ -87,6 +87,10 @@ export default {
         if (toolbarContainer) {
             toolbarContainer.appendChild(tool_bar.element);
         }
+
+        // resizingbar
+        const resizingBarContainer = options.resizingBarContainer;
+        if (resizing_bar && resizingBarContainer) resizingBarContainer.appendChild(resizing_bar);
     
         /** append html */
         editor_div.appendChild(textarea);
@@ -99,7 +103,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);
@@ -233,8 +237,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,6 +301,9 @@ 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;
         } else {
@@ -376,7 +389,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 +411,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 +456,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';
@@ -459,9 +482,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 +505,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 +538,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 : [];
@@ -599,10 +628,13 @@ export default {
             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 +804,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

@@ -56,7 +56,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