@syncfusion/ej2-richtexteditor 24.2.9 → 25.1.37

package/styles/rich-text-editor/highcontrast.css

@@ -129,12 +129,14 @@
   content: "\e941";
 }
 .e-rte-toolbar .e-replace::before,
+.e-rte-dropdown-popup .e-replace::before {
+  content: "\e359";
+}
 .e-rte-toolbar .e-audio-replace::before,
 .e-rte-toolbar .e-video-replace::before,
-.e-rte-dropdown-popup .e-replace::before,
 .e-rte-dropdown-popup .e-audio-replace::before,
 .e-rte-dropdown-popup .e-video-replace::before {
-  content: "\e359";
+  content: "\e309";
 }
 .e-rte-toolbar .e-align::before,
 .e-rte-dropdown-popup .e-align::before {
@@ -224,11 +226,11 @@
 }
 .e-rte-toolbar .e-table-header::before,
 .e-rte-dropdown-popup .e-table-header::before {
-  content: "\e705";
+  content: "\e9c6";
 }
 .e-rte-toolbar .e-table-remove::before,
 .e-rte-dropdown-popup .e-table-remove::before {
-  content: "\eb00";
+  content: "\e292";
 }
 .e-rte-toolbar .e-table-rows::before,
 .e-rte-dropdown-popup .e-table-rows::before {
@@ -530,6 +532,14 @@
 .e-richtexteditor.e-bigger .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
   top: -120px;
 }
+.e-bigger .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control,
+.e-richtexteditor.e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
+  padding: 0;
+}
+.e-bigger .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover,
+.e-richtexteditor.e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
+  padding: 0;
+}
 
 .e-richtexteditor {
   color: #fff;
@@ -772,15 +782,6 @@
   display: block;
   z-index: 101;
 }
-.e-richtexteditor .e-rte-toolbar.e-rte-tb-float,
-.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar.e-rte-tb-float {
-  position: fixed;
-  top: 0;
-}
-.e-richtexteditor .e-rte-toolbar.e-rte-tb-float.e-rte-tb-abs-float,
-.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar.e-rte-tb-float.e-rte-tb-abs-float {
-  position: absolute;
-}
 .e-richtexteditor .rte-placeholder {
   color: #fff;
   line-height: 15px;
@@ -806,6 +807,8 @@
 }
 .e-richtexteditor .e-rte-content .e-content,
 .e-richtexteditor .e-source-content .e-content {
+  width: 100%;
+  float: left;
   background: unset;
   box-sizing: border-box;
   height: 100%;
@@ -826,6 +829,12 @@
 .e-richtexteditor .e-source-content .e-content li {
   margin-bottom: 10px;
 }
+.e-richtexteditor .e-rte-content .e-content li ol,
+.e-richtexteditor .e-rte-content .e-content li ul,
+.e-richtexteditor .e-source-content .e-content li ol,
+.e-richtexteditor .e-source-content .e-content li ul {
+  margin-block-start: 10px;
+}
 .e-richtexteditor .e-rte-content .e-content h1,
 .e-richtexteditor .e-source-content .e-content h1 {
   font-size: 2.17em;
@@ -932,6 +941,7 @@
   position: absolute;
   right: 0;
   z-index: 100;
+  pointer-events: none;
 }
 .e-richtexteditor .e-rte-character-count.e-warning {
   color: #ffb74d;
@@ -1246,13 +1256,11 @@
 }
 
 .e-rte-img-caption .e-rte-image.e-imgright {
-  float: none;
   margin-left: auto;
   margin-right: 0;
 }
 
 .e-rte-img-caption .e-rte-image.e-imgleft {
-  float: none;
   margin: 0;
 }
 
@@ -1271,6 +1279,7 @@
   height: 20px;
   min-width: 20px;
   padding: 2px 5px;
+  box-sizing: border-box;
 }
 
 .e-rte-table.e-dashed-border td,
@@ -1291,13 +1300,20 @@
 }
 
 .e-rte-img-caption.e-imgleft .e-img-inner {
+  float: left;
   text-align: left;
 }
 
 .e-rte-img-caption.e-imgright .e-img-inner {
+  float: right;
   text-align: right;
 }
 
+.e-rte-img-caption.e-imgleft .e-img-wrap,
+.e-rte-img-caption.e-imgright .e-img-wrap {
+  display: contents;
+}
+
 .e-rte-img-caption .e-img-wrap {
   display: inline-block;
   margin: auto;
@@ -1360,7 +1376,7 @@
 }
 .e-richtexteditor .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon,
 .e-rte-elements .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
-  min-width: 36px;
+  min-width: 100%;
 }
 .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover,
 .e-rte-elements .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
@@ -1552,7 +1568,7 @@
 .e-rte-elements .e-rte-content .e-content table td.e-cell-select,
 .e-rte-elements .e-rte-content .e-content table th.e-cell-select {
   border: 1px double #0478d7;
-  height: 24.67px;
+  height: inherit;
 }
 .e-richtexteditor span.e-table-box,
 .e-rte-elements span.e-table-box {
@@ -2617,6 +2633,31 @@
   visibility: hidden;
 }
 
+.e-richtexteditor .e-toolbar-wrapper.e-rte-tb-float,
+.e-richtexteditor .e-toolbar-container.e-rte-tb-float {
+  position: sticky;
+  top: 0;
+  overflow: visible;
+}
+.e-richtexteditor .e-toolbar-wrapper,
+.e-richtexteditor .e-toolbar-container {
+  height: auto;
+  z-index: 10;
+}
+.e-richtexteditor .e-toolbar .e-toolbar-pop.e-toolbar-extended {
+  position: relative;
+  width: 100%;
+  top: 0 !important; /* stylelint-disable-line declaration-no-important */
+  left: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
+.e-richtexteditor .e-toolbar .e-toolbar-pop.e-toolbar-extended.e-popup-open {
+  display: block;
+}
+
+.e-rte-picker-init {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
+
 /*! tab layout */
 .e-richtexteditor .e-rte-toolbar {
   border: 1px solid #fff;
@@ -2727,6 +2768,9 @@
 .e-richtexteditor .e-toolbar-wrapper .e-rte-toolbar:not(.e-rte-tb-float) {
   border-bottom: 1px solid #fff;
 }
+.e-richtexteditor .e-toolbar-wrapper.e-rte-tb-float .e-rte-toolbar {
+  border-top: 1px solid #fff;
+}
 .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
   border: 0;
 }
@@ -3047,7 +3091,7 @@ span.e-rte-videoboxmark {
 }
 
 .e-dropdown-popup ul .e-item.e-active {
-  background-color: #ffd939;
+  background: #ffd939;
   color: #000;
 }
 

package/styles/rich-text-editor/icons/_bds.scss

@@ -0,0 +1,351 @@
+/*! component's theme wise override definitions and variables */
+@include export-module('richtexteditor-material-icons') {
+
+  /*! richtexteditor icons */
+
+  .e-rte-toolbar,
+  .e-rte-dropdown-popup {
+
+    .e-alignments::before {
+      content: '\e7b8';
+    }
+
+    .e-justify-left::before {
+      content: '\e7b8';
+    }
+
+    .e-justify-center::before {
+      content: '\e813';
+    }
+
+    .e-justify-right::before {
+      content: '\e719';
+    }
+
+    .e-justify-full::before {
+      content: '\e721';
+    }
+
+    .e-font-name::before {
+      content: '\e76f';
+    }
+
+    .e-rte-font-color::before {
+      content: '\e79f';
+    }
+
+    .e-background-color::before {
+      content: '\e783';
+    }
+
+    .e-bold::before {
+      content: '\e737';
+    }
+
+    .e-italic::before {
+      content: '\e75a';
+    }
+
+    .e-underline::before {
+      content: '\e82f';
+    }
+
+    .e-strike-through::before {
+      content: '\e758';
+    }
+
+    .e-clear-format::before {
+      content: '\e803';
+    }
+
+    .e-clear-all::before {
+      content: '\e7cc';
+    }
+
+    .e-cut::before {
+      content: '\e7fb';
+    }
+
+    .e-copy::before {
+      content: '\e77c';
+    }
+
+    .e-paste::before {
+      content: '\e70b';
+    }
+
+    .e-unorder-list::before {
+      content: '\e77e';
+    }
+
+    .e-order-list::before {
+      content: '\e7cb';
+    }
+
+    .e-indent::before {
+      content: '\e810';
+    }
+
+    .e-outdent::before {
+      content: '\e72a';
+    }
+
+    .e-undo::before {
+      content: '\e713';
+    }
+
+    .e-redo::before {
+      content: '\e755';
+    }
+
+    .e-super-script::before {
+      content: '\e7a7';
+    }
+
+    .e-sub-script::before {
+      content: '\e80a';
+    }
+
+    .e-create-link::before {
+      content: '\e757';
+    }
+
+    .e-open-link::before {
+      content: '\e77a';
+    }
+
+    .e-edit-link::before {
+      content: '\e722';
+    }
+
+    .e-remove-link::before {
+      content: '\e80c';
+    }
+
+    .e-image::before {
+      content: '\e786';
+    }
+
+    .e-audio::before {
+      content: '\e894';
+    }
+
+    .e-video::before {
+      content: '\e895';
+    }
+
+    .e-replace::before {
+      content: '\e710';
+    }
+
+    .e-audio-replace::before,
+    .e-video-replace::before {
+      content: '\e772';
+    }
+
+    .e-align::before {
+      content: '\e7b8';
+    }
+
+    .e-caption::before {
+      content: '\e8e2';
+    }
+
+    .e-remove::before,
+    .e-audio-remove::before,
+    .e-video-remove::before {
+      content: '\e820';
+    }
+
+    .e-insert-link::before {
+      content: '\e757';
+    }
+
+    .e-display::before,
+    .e-audio-display::before,
+    .e-video-display::before {
+      content: '\e7b7';
+    }
+
+    .e-alt-text::before {
+      content: '\e769';
+    }
+
+    .e-img-dimension::before,
+    .e-video-dimension::before {
+      content: '\e879';
+    }
+
+    .e-maximize::before {
+      content: '\e81c';
+    }
+
+    .e-minimize::before {
+      content: '\e7b0';
+    }
+
+    .e-zoom-in::before {
+      content: '\e795';
+    }
+
+    .e-zoom-out::before {
+      content: '\e825';
+    }
+
+    .e-lower-case::before {
+      content: '\e746';
+    }
+
+    .e-upper-case::before {
+      content: '\e793';
+    }
+
+    .e-print::before {
+      content: '\e75d';
+    }
+
+    .e-formats::before {
+      content: '\e844';
+    }
+
+    .e-source-code::before {
+      content: '\e80e';
+    }
+
+    .e-preview::before {
+      content: '\e7de';
+    }
+
+    .e-view-side::before {
+      content: '\e82b';
+    }
+
+    .e-insert-code::before {
+      content: '\e831';
+    }
+
+    .e-table-header::before {
+      content: '\e8f4';
+    }
+
+    .e-table-remove::before {
+      content: '\e811';
+    }
+
+    .e-table-rows::before {
+      content: '\e77f';
+    }
+
+    .e-table-columns::before {
+      content: '\e841';
+    }
+
+    .e-table-cell-ver-align::before {
+      content: '\e74f';
+    }
+
+    .e-table-edit-properties::before {
+      content: '\e730';
+    }
+
+    .e-create-table::before {
+      content: '\e83f';
+    }
+
+    .e-align-bottom::before {
+      content: '\e7a0';
+    }
+
+    .e-align-middle::before {
+      content: '\e74f';
+    }
+
+    .e-align-top::before {
+      content: '\e707';
+    }
+
+    .e-insert-column-left::before {
+      content: '\e78b';
+    }
+
+    .e-insert-column-right::before {
+      content: '\e70e';
+    }
+
+    .e-delete-column::before {
+      content: '\e714';
+    }
+
+    .e-insert-row-before::before {
+      content: '\e836';
+    }
+
+    .e-insert-row-after::before {
+      content: '\e801';
+    }
+
+    .e-delete-row::before {
+      content: '\e7f2';
+    }
+
+    .e-style::before {
+      content: '\e76e';
+    }
+
+    .e-rte-file-manager::before {
+      content: '\e83c';
+    }
+
+    .e-rte-format-painter::before {
+      content: '\e8bd';
+    }
+  }
+
+  .e-richtexteditor {
+    .e-south-east::before,
+    .e-south-west::before {
+      content: '\e761';
+    }
+  }
+
+  .e-rtl {
+    .e-rte-toolbar,
+    .e-rte-dropdown-popup {
+      .e-unorder-list::before {
+        content: '\e8c4';
+      }
+  
+      .e-order-list::before {
+        content: '\e8c5';
+      }
+  
+      .e-indent::before {
+        content: '\e8c6';
+      }
+  
+      .e-outdent::before {
+        content: '\e8c7';
+      }
+    }
+  }
+  
+  .e-cell-merge::before {
+    content: '\e83a';
+  }
+
+  .e-cell-horizontal-split::before {
+    content: '\e7a4';
+  }
+
+  .e-cell-vertical-split::before {
+    content: '\e732';
+  }
+
+  .e-table-cell::before {
+    content: '\e7c2';
+  }
+
+  .e-rte-cursor-brush {
+    cursor: $rte-format-painter-cursor;
+  }
+}

package/styles/rich-text-editor/icons/_bootstrap-dark.scss

@@ -135,10 +135,13 @@
       content: '\e948';
     }
 
-    .e-replace::before,
+    .e-replace::before {
+      content: '\e359';
+    }
+
     .e-audio-replace::before,
     .e-video-replace::before {
-      content: '\e359';
+      content: '\e606';
     }
 
     .e-align::before {
@@ -223,11 +226,11 @@
     }
 
     .e-table-header::before {
-      content: '\e705';
+      content: '\e148';
     }
 
     .e-table-remove::before {
-      content: '\eb00';
+      content: '\e292';
     }
 
     .e-table-rows::before {

package/styles/rich-text-editor/icons/_bootstrap.scss

@@ -135,10 +135,13 @@
       content: '\e948';
     }
 
-    .e-replace::before,
+    .e-replace::before {
+      content: '\e359';
+    }
+
     .e-audio-replace::before,
     .e-video-replace::before {
-      content: '\e359';
+      content: '\e606';
     }
 
     .e-align::before {
@@ -223,11 +226,11 @@
     }
 
     .e-table-header::before {
-      content: '\e705';
+      content: '\e148';
     }
 
     .e-table-remove::before {
-      content: '\eb00';
+      content: '\e292';
     }
 
     .e-table-rows::before {

package/styles/rich-text-editor/icons/_bootstrap4.scss

@@ -135,10 +135,13 @@
       content: '\e948';
     }
 
-    .e-replace::before,
+    .e-replace::before {
+      content: '\e80d';
+    }
+
     .e-audio-replace::before,
     .e-video-replace::before {
-      content: '\e80d';
+      content: '\e710';
     }
 
     .e-align::before {
@@ -223,11 +226,11 @@
     }
 
     .e-table-header::before {
-      content: '\e763';
+      content: '\e9b0';
     }
 
     .e-table-remove::before {
-      content: '\e773';
+      content: '\e7a2';
     }
 
     .e-table-rows::before {

package/styles/rich-text-editor/icons/_bootstrap5.scss

@@ -134,10 +134,13 @@
       content: '\e895';
     }
 
-    .e-replace::before,
+    .e-replace::before {
+      content: '\e710';
+    }
+
     .e-audio-replace::before,
     .e-video-replace::before {
-      content: '\e710';
+      content: '\e772';
     }
 
     .e-align::before {
@@ -222,11 +225,11 @@
     }
 
     .e-table-header::before {
-      content: '\e7e9';
+      content: '\e8f4';
     }
 
     .e-table-remove::before {
-      content: '\e820';
+      content: '\e811';
     }
 
     .e-table-rows::before {

package/styles/rich-text-editor/icons/_fabric-dark.scss

@@ -135,10 +135,13 @@
       content: '\e941';
     }
 
-    .e-replace::before,
+    .e-replace::before {
+      content: '\e359';
+    }
+
     .e-audio-replace::before,
     .e-video-replace::before {
-      content: '\e359';
+      content: '\e309';
     }
 
     .e-align::before {
@@ -223,11 +226,11 @@
     }
 
     .e-table-header::before {
-      content: '\e705';
+      content: '\e9c6';
     }
 
     .e-table-remove::before {
-      content: '\eb00';
+      content: '\e292';
     }
 
     .e-table-rows::before {