@syncfusion/ej2-react-richtexteditor 20.4.52 → 21.1.35

package/styles/rich-text-editor/bootstrap5-dark.css

@@ -294,6 +294,10 @@
 .e-rte-dropdown-popup .e-rte-file-manager::before {
   content: "\e83c";
 }
+.e-rte-toolbar .e-rte-format-painter::before,
+.e-rte-dropdown-popup .e-rte-format-painter::before {
+  content: "\e8bd";
+}
 
 .e-richtexteditor .e-south-east::before,
 .e-richtexteditor .e-south-west::before {
@@ -316,6 +320,10 @@
   content: "\e7c2";
 }
 
+.e-rte-cursor-brush {
+  cursor: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.9995 3C8.9995 1.34315 10.3426 0 11.9995 0C13.6564 0 14.9995 1.34315 14.9995 3V8H17.9995C19.6564 8 20.9995 9.34315 20.9995 11V21C20.9995 22.6569 19.6564 24 17.9995 24H5.39593C3.51419 24 2.13195 22.3035 2.40063 20.4885C2.70116 18.4583 2.85091 16.8264 2.92551 15.7066C2.9628 15.1467 2.9813 14.7151 2.99048 14.4258C2.99507 14.2812 2.99732 14.1723 2.99843 14.1007C2.99899 14.0649 2.99925 14.0385 2.99938 14.0216L2.99949 14.0035L2.9995 14V11C2.9995 9.34315 4.34265 8 5.9995 8H8.9995V3ZM10.9995 8H12.9995V3C12.9995 2.44772 12.5518 2 11.9995 2C11.4472 2 10.9995 2.44772 10.9995 3V8ZM4.9995 13H18.9995V11C18.9995 10.4477 18.5518 10 17.9995 10H5.9995C5.44722 10 4.9995 10.4477 4.9995 11V13ZM18.9995 15H4.96914C4.95785 15.2397 4.94235 15.5203 4.92108 15.8395C4.84327 17.0075 4.6882 18.6931 4.37907 20.7813C4.28231 21.435 4.78205 22 5.39593 22H6.77987L18.9995 16.3602V15ZM18.9995 18.5629L11.5525 22H17.9995C18.5518 22 18.9995 21.5523 18.9995 21V18.5629Z" fill="black"/><path d="M4.96914 15H18.9995V16.3602L6.77987 22H5.39593C4.78205 22 4.28231 21.435 4.37907 20.7813C4.6882 18.6931 4.84327 17.0075 4.92108 15.8395C4.94235 15.5203 4.95785 15.2397 4.96914 15Z" fill="white"/><path d="M18.9995 13H4.9995V11C4.9995 10.4477 5.44722 10 5.9995 10H17.9995C18.5518 10 18.9995 10.4477 18.9995 11V13Z" fill="white"/><path d="M11.5525 22L18.9995 18.5629V21C18.9995 21.5523 18.5518 22 17.9995 22H11.5525Z" fill="white"/><path d="M12.9995 8H10.9995V3C10.9995 2.44772 11.4472 2 11.9995 2C12.5518 2 12.9995 2.44772 12.9995 3V8Z" fill="white"/></svg>'), text;
+}
+
 /*! tab layout */
 .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
 .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
@@ -557,6 +565,7 @@
   margin-right: 0;
 }
 .e-richtexteditor .e-rte-toolbar.e-rte-tb-mobile .e-toolbar-multirow {
+  display: inline-block;
   margin-left: 0;
   margin-right: 0;
   overflow-x: auto;
@@ -1425,6 +1434,7 @@
 }
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
+  display: inline-block;
 }
 .e-rte-quick-popup .e-rte-quick-toolbar.e-remove-white-space .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
@@ -2364,6 +2374,11 @@
   margin: 1px;
 }
 
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-fontcolor-dropdown,
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-backgroundcolor-dropdown {
+  visibility: hidden;
+}
+
 /*! tab layout */
 .e-richtexteditor .e-rte-toolbar {
   border: 1px solid #444c54;
@@ -2472,6 +2487,9 @@
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons {
   color: #adb5bd;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
+  color: #fff;
+}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
   color: #fff;
 }
@@ -2494,6 +2512,9 @@
 .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
   border: 0;
 }
+.e-richtexteditor .e-toolbar-wrapper {
+  background: #282d31;
+}
 .e-richtexteditor img.e-img-focus::selection,
 .e-richtexteditor audio.e-audio-focus::selection,
 .e-richtexteditor .e-video-focus::selection {
@@ -2514,7 +2535,7 @@
 .e-richtexteditor .e-rte-content .e-content .e-video-focus:not(.e-resize),
 .e-richtexteditor .e-source-content .e-content .e-img-focus:not(.e-resize),
 .e-richtexteditor .e-source-content .e-content .e-video-focus:not(.e-resize) {
-  border: dashed 2px #0d6efd;
+  border: solid 2px #0d6efd;
 }
 .e-richtexteditor .e-rte-content .e-content a,
 .e-richtexteditor .e-source-content .e-content a {
@@ -2698,7 +2719,8 @@
 
 .e-dialog .e-img-uploadwrap .e-droptext,
 .e-dialog .e-aud-uploadwrap .e-droptext,
-.e-dialog .e-vid-uploadwrap .e-droptext {
+.e-dialog .e-vid-uploadwrap .e-droptext,
+.e-dialog.e-device .e-vid-uploadwrap .e-droptext {
   border: dashed 2px #adb5bd;
   border-radius: 4px;
   color: #ced4da;
@@ -2711,6 +2733,10 @@
   width: 300px;
 }
 
+.e-dialog .e-vid-uploadwrap .e-droptext {
+  height: 108px;
+}
+
 .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
@@ -2867,6 +2893,10 @@ span.e-table-box.e-rbox-select {
   color: #fff;
 }
 
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-active .e-icons {
+  color: #fff;
+}
+
 .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:active {
   background: #565e64;
   border-radius: 4px;

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

@@ -294,6 +294,10 @@
 .e-rte-dropdown-popup .e-rte-file-manager::before {
   content: "\e83c";
 }
+.e-rte-toolbar .e-rte-format-painter::before,
+.e-rte-dropdown-popup .e-rte-format-painter::before {
+  content: "\e8bd";
+}
 
 .e-richtexteditor .e-south-east::before,
 .e-richtexteditor .e-south-west::before {
@@ -316,6 +320,10 @@
   content: "\e7c2";
 }
 
+.e-rte-cursor-brush {
+  cursor: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.9995 3C8.9995 1.34315 10.3426 0 11.9995 0C13.6564 0 14.9995 1.34315 14.9995 3V8H17.9995C19.6564 8 20.9995 9.34315 20.9995 11V21C20.9995 22.6569 19.6564 24 17.9995 24H5.39593C3.51419 24 2.13195 22.3035 2.40063 20.4885C2.70116 18.4583 2.85091 16.8264 2.92551 15.7066C2.9628 15.1467 2.9813 14.7151 2.99048 14.4258C2.99507 14.2812 2.99732 14.1723 2.99843 14.1007C2.99899 14.0649 2.99925 14.0385 2.99938 14.0216L2.99949 14.0035L2.9995 14V11C2.9995 9.34315 4.34265 8 5.9995 8H8.9995V3ZM10.9995 8H12.9995V3C12.9995 2.44772 12.5518 2 11.9995 2C11.4472 2 10.9995 2.44772 10.9995 3V8ZM4.9995 13H18.9995V11C18.9995 10.4477 18.5518 10 17.9995 10H5.9995C5.44722 10 4.9995 10.4477 4.9995 11V13ZM18.9995 15H4.96914C4.95785 15.2397 4.94235 15.5203 4.92108 15.8395C4.84327 17.0075 4.6882 18.6931 4.37907 20.7813C4.28231 21.435 4.78205 22 5.39593 22H6.77987L18.9995 16.3602V15ZM18.9995 18.5629L11.5525 22H17.9995C18.5518 22 18.9995 21.5523 18.9995 21V18.5629Z" fill="black"/><path d="M4.96914 15H18.9995V16.3602L6.77987 22H5.39593C4.78205 22 4.28231 21.435 4.37907 20.7813C4.6882 18.6931 4.84327 17.0075 4.92108 15.8395C4.94235 15.5203 4.95785 15.2397 4.96914 15Z" fill="white"/><path d="M18.9995 13H4.9995V11C4.9995 10.4477 5.44722 10 5.9995 10H17.9995C18.5518 10 18.9995 10.4477 18.9995 11V13Z" fill="white"/><path d="M11.5525 22L18.9995 18.5629V21C18.9995 21.5523 18.5518 22 17.9995 22H11.5525Z" fill="white"/><path d="M12.9995 8H10.9995V3C10.9995 2.44772 11.4472 2 11.9995 2C12.5518 2 12.9995 2.44772 12.9995 3V8Z" fill="white"/></svg>'), text;
+}
+
 /*! tab layout */
 .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
 .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
@@ -557,6 +565,7 @@
   margin-right: 0;
 }
 .e-richtexteditor .e-rte-toolbar.e-rte-tb-mobile .e-toolbar-multirow {
+  display: inline-block;
   margin-left: 0;
   margin-right: 0;
   overflow-x: auto;
@@ -1425,6 +1434,7 @@
 }
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
+  display: inline-block;
 }
 .e-rte-quick-popup .e-rte-quick-toolbar.e-remove-white-space .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
@@ -2364,6 +2374,11 @@
   margin: 1px;
 }
 
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-fontcolor-dropdown,
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-backgroundcolor-dropdown {
+  visibility: hidden;
+}
+
 /*! tab layout */
 .e-richtexteditor .e-rte-toolbar {
   border: 1px solid #dee2e6;
@@ -2472,6 +2487,9 @@
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons {
   color: #6c757d;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
+  color: #fff;
+}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
   color: #fff;
 }
@@ -2494,6 +2512,9 @@
 .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
   border: 0;
 }
+.e-richtexteditor .e-toolbar-wrapper {
+  background: #f8f9fa;
+}
 .e-richtexteditor img.e-img-focus::selection,
 .e-richtexteditor audio.e-audio-focus::selection,
 .e-richtexteditor .e-video-focus::selection {
@@ -2514,7 +2535,7 @@
 .e-richtexteditor .e-rte-content .e-content .e-video-focus:not(.e-resize),
 .e-richtexteditor .e-source-content .e-content .e-img-focus:not(.e-resize),
 .e-richtexteditor .e-source-content .e-content .e-video-focus:not(.e-resize) {
-  border: dashed 2px #0d6efd;
+  border: solid 2px #0d6efd;
 }
 .e-richtexteditor .e-rte-content .e-content a,
 .e-richtexteditor .e-source-content .e-content a {
@@ -2698,7 +2719,8 @@
 
 .e-dialog .e-img-uploadwrap .e-droptext,
 .e-dialog .e-aud-uploadwrap .e-droptext,
-.e-dialog .e-vid-uploadwrap .e-droptext {
+.e-dialog .e-vid-uploadwrap .e-droptext,
+.e-dialog.e-device .e-vid-uploadwrap .e-droptext {
   border: dashed 2px #adb5bd;
   border-radius: 4px;
   color: #495057;
@@ -2711,6 +2733,10 @@
   width: 300px;
 }
 
+.e-dialog .e-vid-uploadwrap .e-droptext {
+  height: 108px;
+}
+
 .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
@@ -2867,6 +2893,10 @@ span.e-table-box.e-rbox-select {
   color: #fff;
 }
 
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-active .e-icons {
+  color: #fff;
+}
+
 .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:active {
   background: #565e64;
   border-radius: 4px;

package/styles/rich-text-editor/fabric-dark.css

@@ -294,6 +294,10 @@
 .e-rte-dropdown-popup .e-rte-file-manager::before {
   content: "\e42b";
 }
+.e-rte-toolbar .e-rte-format-painter::before,
+.e-rte-dropdown-popup .e-rte-format-painter::before {
+  content: "\e980";
+}
 
 .e-richtexteditor .e-south-east::before,
 .e-richtexteditor .e-south-west::before {
@@ -316,6 +320,10 @@
   content: "\e89c";
 }
 
+.e-rte-cursor-brush {
+  cursor: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.96 6.90428L12.21 5.70428L13.6 2.49428C13.93 1.73428 13.58 0.854278 12.82 0.524278L11.9 0.124277C11.14 -0.205723 10.26 0.144276 9.93 0.904276L8.54 4.11428L5.79 2.91428L5.59 3.37428C5.59 3.37428 5.06 4.59428 4.33 6.06428C3.03 8.68428 2.33 9.53428 1.62 10.1243L1 10.6443L11.37 15.1443L13.36 10.5543L14.95 6.88428L14.96 6.90428ZM6.3 4.23428L9.06 5.43428L10.65 1.76428C10.87 1.25428 11.46 1.02428 11.97 1.24428C12.48 1.46428 12.71 2.05428 12.49 2.56428L10.9 6.23428L13.65 7.43428L12.85 9.26428L5.46 6.05428C5.82 5.30428 6.12 4.65428 6.31 4.24428L6.3 4.23428ZM5.01 6.94428L10.2 9.19428L12.45 10.1743L12.37 10.3543L3.86 10.8143L2.79 10.3543C3.5 9.50428 3.98 8.97428 5 6.95428L5.01 6.94428ZM10.85 13.8443L5.91 11.7043L11.92 11.3843L10.85 13.8543V13.8443Z" fill="black"/><path d="M6.3 4.23428L9.06 5.43428L10.65 1.76428C10.87 1.25428 11.46 1.02428 11.97 1.24428C12.48 1.46428 12.71 2.05428 12.49 2.56428L10.9 6.23428L13.65 7.43428L12.85 9.26428L5.46 6.05428C5.82 5.30428 6.12 4.65428 6.31 4.24428L6.3 4.23428Z" fill="white"/><path d="M5.01 6.94428L10.2 9.19428L12.45 10.1743L12.37 10.3543L3.86 10.8143L2.79 10.3543C3.5 9.50428 3.98 8.97428 5 6.95428L5.01 6.94428Z" fill="white"/><path d="M10.85 13.8443L5.91 11.7043L11.92 11.3843L10.85 13.8543V13.8443Z" fill="white"/></svg>'), text;
+}
+
 /*! tab layout */
 .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
 .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
@@ -544,6 +552,7 @@
   margin-right: 0;
 }
 .e-richtexteditor .e-rte-toolbar.e-rte-tb-mobile .e-toolbar-multirow {
+  display: inline-block;
   margin-left: 0;
   margin-right: 0;
   overflow-x: auto;
@@ -1406,6 +1415,7 @@
 }
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
+  display: inline-block;
 }
 .e-rte-quick-popup .e-rte-quick-toolbar.e-remove-white-space .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
@@ -2278,6 +2288,11 @@
   margin: 1px;
 }
 
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-fontcolor-dropdown,
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-backgroundcolor-dropdown {
+  visibility: hidden;
+}
+
 /*! tab layout */
 .e-richtexteditor .e-rte-toolbar {
   border: 1px solid #414040;
@@ -2370,6 +2385,9 @@
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons {
   color: #dadada;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
+  color: #dadada;
+}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
   color: #fff;
 }
@@ -2388,6 +2406,9 @@
 .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
   border: 0;
 }
+.e-richtexteditor .e-toolbar-wrapper {
+  background: #333232;
+}
 .e-richtexteditor img.e-img-focus::selection,
 .e-richtexteditor audio.e-audio-focus::selection,
 .e-richtexteditor .e-video-focus::selection {
@@ -2586,7 +2607,8 @@
 
 .e-dialog .e-img-uploadwrap .e-droptext,
 .e-dialog .e-aud-uploadwrap .e-droptext,
-.e-dialog .e-vid-uploadwrap .e-droptext {
+.e-dialog .e-vid-uploadwrap .e-droptext,
+.e-dialog.e-device .e-vid-uploadwrap .e-droptext {
   border: dashed 2px #414040;
   border-radius: 4px;
   color: #9a9a9a;
@@ -2599,6 +2621,10 @@
   width: 300px;
 }
 
+.e-dialog .e-vid-uploadwrap .e-droptext {
+  height: 108px;
+}
+
 .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
@@ -2751,6 +2777,10 @@ span.e-table-box.e-rbox-select {
   color: #fff;
 }
 
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-active .e-icons {
+  color: #dadada;
+}
+
 .e-richtexteditor.e-rte-tb-expand .e-rte-content-border {
   border-bottom: 0;
 }

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

@@ -294,6 +294,10 @@
 .e-rte-dropdown-popup .e-rte-file-manager::before {
   content: "\e42b";
 }
+.e-rte-toolbar .e-rte-format-painter::before,
+.e-rte-dropdown-popup .e-rte-format-painter::before {
+  content: "\e980";
+}
 
 .e-richtexteditor .e-south-east::before,
 .e-richtexteditor .e-south-west::before {
@@ -316,6 +320,10 @@
   content: "\e89c";
 }
 
+.e-rte-cursor-brush {
+  cursor: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.96 6.90428L12.21 5.70428L13.6 2.49428C13.93 1.73428 13.58 0.854278 12.82 0.524278L11.9 0.124277C11.14 -0.205723 10.26 0.144276 9.93 0.904276L8.54 4.11428L5.79 2.91428L5.59 3.37428C5.59 3.37428 5.06 4.59428 4.33 6.06428C3.03 8.68428 2.33 9.53428 1.62 10.1243L1 10.6443L11.37 15.1443L13.36 10.5543L14.95 6.88428L14.96 6.90428ZM6.3 4.23428L9.06 5.43428L10.65 1.76428C10.87 1.25428 11.46 1.02428 11.97 1.24428C12.48 1.46428 12.71 2.05428 12.49 2.56428L10.9 6.23428L13.65 7.43428L12.85 9.26428L5.46 6.05428C5.82 5.30428 6.12 4.65428 6.31 4.24428L6.3 4.23428ZM5.01 6.94428L10.2 9.19428L12.45 10.1743L12.37 10.3543L3.86 10.8143L2.79 10.3543C3.5 9.50428 3.98 8.97428 5 6.95428L5.01 6.94428ZM10.85 13.8443L5.91 11.7043L11.92 11.3843L10.85 13.8543V13.8443Z" fill="black"/><path d="M6.3 4.23428L9.06 5.43428L10.65 1.76428C10.87 1.25428 11.46 1.02428 11.97 1.24428C12.48 1.46428 12.71 2.05428 12.49 2.56428L10.9 6.23428L13.65 7.43428L12.85 9.26428L5.46 6.05428C5.82 5.30428 6.12 4.65428 6.31 4.24428L6.3 4.23428Z" fill="white"/><path d="M5.01 6.94428L10.2 9.19428L12.45 10.1743L12.37 10.3543L3.86 10.8143L2.79 10.3543C3.5 9.50428 3.98 8.97428 5 6.95428L5.01 6.94428Z" fill="white"/><path d="M10.85 13.8443L5.91 11.7043L11.92 11.3843L10.85 13.8543V13.8443Z" fill="white"/></svg>'), text;
+}
+
 /*! tab layout */
 .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
 .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
@@ -544,6 +552,7 @@
   margin-right: 0;
 }
 .e-richtexteditor .e-rte-toolbar.e-rte-tb-mobile .e-toolbar-multirow {
+  display: inline-block;
   margin-left: 0;
   margin-right: 0;
   overflow-x: auto;
@@ -1406,6 +1415,7 @@
 }
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
+  display: inline-block;
 }
 .e-rte-quick-popup .e-rte-quick-toolbar.e-remove-white-space .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
@@ -2278,6 +2288,11 @@
   margin: 1px;
 }
 
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-fontcolor-dropdown,
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-backgroundcolor-dropdown {
+  visibility: hidden;
+}
+
 /*! tab layout */
 .e-richtexteditor .e-rte-toolbar {
   border: 1px solid #dadada;
@@ -2370,6 +2385,9 @@
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons {
   color: #000;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
+  color: #000;
+}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
   color: #000;
 }
@@ -2388,6 +2406,9 @@
 .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
   border: 0;
 }
+.e-richtexteditor .e-toolbar-wrapper {
+  background: #fff;
+}
 .e-richtexteditor img.e-img-focus::selection,
 .e-richtexteditor audio.e-audio-focus::selection,
 .e-richtexteditor .e-video-focus::selection {
@@ -2586,7 +2607,8 @@
 
 .e-dialog .e-img-uploadwrap .e-droptext,
 .e-dialog .e-aud-uploadwrap .e-droptext,
-.e-dialog .e-vid-uploadwrap .e-droptext {
+.e-dialog .e-vid-uploadwrap .e-droptext,
+.e-dialog.e-device .e-vid-uploadwrap .e-droptext {
   border: dashed 2px #dadada;
   border-radius: 4px;
   color: #a6a6a6;
@@ -2599,6 +2621,10 @@
   width: 290px;
 }
 
+.e-dialog .e-vid-uploadwrap .e-droptext {
+  height: 108px;
+}
+
 .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
@@ -2751,6 +2777,10 @@ span.e-table-box.e-rbox-select {
   color: #000;
 }
 
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-active .e-icons {
+  color: #000;
+}
+
 .e-richtexteditor.e-rte-tb-expand .e-rte-content-border {
   border-bottom: 0;
 }

package/styles/rich-text-editor/fluent-dark.css

@@ -294,6 +294,10 @@
 .e-rte-dropdown-popup .e-rte-file-manager::before {
   content: "\e83c";
 }
+.e-rte-toolbar .e-rte-format-painter::before,
+.e-rte-dropdown-popup .e-rte-format-painter::before {
+  content: "\e8bd";
+}
 
 .e-richtexteditor .e-south-east::before,
 .e-richtexteditor .e-south-west::before {
@@ -316,6 +320,10 @@
   content: "\e7c2";
 }
 
+.e-rte-cursor-brush {
+  cursor: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 3C9 1.34315 10.3431 0 12 0C13.6569 0 15 1.34315 15 3V8H18C19.6569 8 21 9.34315 21 11V22C21 23.1046 20.1046 24 19 24H5C3.89543 24 3 23.1046 3 22V11C3 9.34315 4.34315 8 6 8H9V3ZM12 2C11.4477 2 11 2.44772 11 3V8.36C11 9.26575 10.2657 10 9.36 10H6C5.44772 10 5 10.4477 5 11V13H19V11C19 10.4477 18.5523 10 18 10H14.64C13.7343 10 13 9.26575 13 8.36V3C13 2.44772 12.5523 2 12 2ZM19 15H5V22H7V18C7 17.4477 7.44772 17 8 17C8.55228 17 9 17.4477 9 18V22H15V20C15 19.4477 15.4477 19 16 19C16.5523 19 17 19.4477 17 20V22H19V15Z" fill="black"/><path d="M11 3C11 2.44772 11.4477 2 12 2C12.5523 2 13 2.44772 13 3V8.36C13 9.26575 13.7343 10 14.64 10H18C18.5523 10 19 10.4477 19 11V13H5V11C5 10.4477 5.44772 10 6 10H9.36C10.2657 10 11 9.26575 11 8.36V3Z" fill="white"/><path d="M5 15H19V22H17V20C17 19.4477 16.5523 19 16 19C15.4477 19 15 19.4477 15 20V22H9V18C9 17.4477 8.55228 17 8 17C7.44772 17 7 17.4477 7 18V22H5V15Z" fill="white"/></svg>'), text;
+}
+
 /*! tab layout */
 .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
 .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
@@ -545,6 +553,7 @@
   margin-right: 0;
 }
 .e-richtexteditor .e-rte-toolbar.e-rte-tb-mobile .e-toolbar-multirow {
+  display: inline-block;
   margin-left: 0;
   margin-right: 0;
   overflow-x: auto;
@@ -1411,6 +1420,7 @@
 }
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
+  display: inline-block;
 }
 .e-rte-quick-popup .e-rte-quick-toolbar.e-remove-white-space .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
@@ -1588,7 +1598,7 @@
   display: flex;
   padding-left: 7px;
   padding-right: 7px;
-  padding-top: 7px;
+  padding-top: 0;
 }
 .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control:hover, .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control:active, .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control.e-active, .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control.e-active:hover,
 .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-backgroundcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control:hover,
@@ -1653,7 +1663,7 @@
 .e-rte-toolbar.e-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control.e-active:hover {
   padding-left: 7px;
   padding-right: 7px;
-  padding-top: 7px;
+  padding-top: 0;
 }
 .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-rte-color-content,
 .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-rte-list-primary-content,
@@ -2340,6 +2350,11 @@
   margin: 1px;
 }
 
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-fontcolor-dropdown,
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-backgroundcolor-dropdown {
+  visibility: hidden;
+}
+
 /*! tab layout */
 .e-richtexteditor .e-rte-toolbar {
   border: 1px solid #292827;
@@ -2432,6 +2447,9 @@
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons {
   color: #a19f9d;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
+  color: #a19f9d;
+}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
   color: #a19f9d;
 }
@@ -2450,6 +2468,9 @@
 .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
   border: 0;
 }
+.e-richtexteditor .e-toolbar-wrapper {
+  background: #252423;
+}
 .e-richtexteditor img.e-img-focus::selection,
 .e-richtexteditor audio.e-audio-focus::selection,
 .e-richtexteditor .e-video-focus::selection {
@@ -2470,7 +2491,7 @@
 .e-richtexteditor .e-rte-content .e-content .e-video-focus:not(.e-resize),
 .e-richtexteditor .e-source-content .e-content .e-img-focus:not(.e-resize),
 .e-richtexteditor .e-source-content .e-content .e-video-focus:not(.e-resize) {
-  border: dashed 2px #0078d4;
+  border: solid 2px #0078d4;
 }
 .e-richtexteditor .e-rte-content .e-content a,
 .e-richtexteditor .e-source-content .e-content a {
@@ -2648,7 +2669,8 @@
 
 .e-dialog .e-img-uploadwrap .e-droptext,
 .e-dialog .e-aud-uploadwrap .e-droptext,
-.e-dialog .e-vid-uploadwrap .e-droptext {
+.e-dialog .e-vid-uploadwrap .e-droptext,
+.e-dialog.e-device .e-vid-uploadwrap .e-droptext {
   border: dashed 2px #797775;
   border-radius: 4px;
   color: #c8c6c4;
@@ -2661,6 +2683,10 @@
   width: 292px;
 }
 
+.e-dialog .e-vid-uploadwrap .e-droptext {
+  height: 108px;
+}
+
 .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
@@ -2817,6 +2843,10 @@ span.e-table-box.e-rbox-select {
   color: #a19f9d;
 }
 
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-active .e-icons {
+  color: #a19f9d;
+}
+
 .e-richtexteditor.e-rte-tb-expand .e-rte-content-border {
   border-bottom: 0;
 }

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

@@ -294,6 +294,10 @@
 .e-rte-dropdown-popup .e-rte-file-manager::before {
   content: "\e83c";
 }
+.e-rte-toolbar .e-rte-format-painter::before,
+.e-rte-dropdown-popup .e-rte-format-painter::before {
+  content: "\e8bd";
+}
 
 .e-richtexteditor .e-south-east::before,
 .e-richtexteditor .e-south-west::before {
@@ -316,6 +320,10 @@
   content: "\e7c2";
 }
 
+.e-rte-cursor-brush {
+  cursor: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 3C9 1.34315 10.3431 0 12 0C13.6569 0 15 1.34315 15 3V8H18C19.6569 8 21 9.34315 21 11V22C21 23.1046 20.1046 24 19 24H5C3.89543 24 3 23.1046 3 22V11C3 9.34315 4.34315 8 6 8H9V3ZM12 2C11.4477 2 11 2.44772 11 3V8.36C11 9.26575 10.2657 10 9.36 10H6C5.44772 10 5 10.4477 5 11V13H19V11C19 10.4477 18.5523 10 18 10H14.64C13.7343 10 13 9.26575 13 8.36V3C13 2.44772 12.5523 2 12 2ZM19 15H5V22H7V18C7 17.4477 7.44772 17 8 17C8.55228 17 9 17.4477 9 18V22H15V20C15 19.4477 15.4477 19 16 19C16.5523 19 17 19.4477 17 20V22H19V15Z" fill="black"/><path d="M11 3C11 2.44772 11.4477 2 12 2C12.5523 2 13 2.44772 13 3V8.36C13 9.26575 13.7343 10 14.64 10H18C18.5523 10 19 10.4477 19 11V13H5V11C5 10.4477 5.44772 10 6 10H9.36C10.2657 10 11 9.26575 11 8.36V3Z" fill="white"/><path d="M5 15H19V22H17V20C17 19.4477 16.5523 19 16 19C15.4477 19 15 19.4477 15 20V22H9V18C9 17.4477 8.55228 17 8 17C7.44772 17 7 17.4477 7 18V22H5V15Z" fill="white"/></svg>'), text;
+}
+
 /*! tab layout */
 .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
 .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
@@ -545,6 +553,7 @@
   margin-right: 0;
 }
 .e-richtexteditor .e-rte-toolbar.e-rte-tb-mobile .e-toolbar-multirow {
+  display: inline-block;
   margin-left: 0;
   margin-right: 0;
   overflow-x: auto;
@@ -1411,6 +1420,7 @@
 }
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
+  display: inline-block;
 }
 .e-rte-quick-popup .e-rte-quick-toolbar.e-remove-white-space .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
@@ -1588,7 +1598,7 @@
   display: flex;
   padding-left: 7px;
   padding-right: 7px;
-  padding-top: 7px;
+  padding-top: 0;
 }
 .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control:hover, .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control:active, .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control.e-active, .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control.e-active:hover,
 .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-backgroundcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control:hover,
@@ -1653,7 +1663,7 @@
 .e-rte-toolbar.e-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control.e-active:hover {
   padding-left: 7px;
   padding-right: 7px;
-  padding-top: 7px;
+  padding-top: 0;
 }
 .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-rte-color-content,
 .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-rte-list-primary-content,
@@ -2340,6 +2350,11 @@
   margin: 1px;
 }
 
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-fontcolor-dropdown,
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-backgroundcolor-dropdown {
+  visibility: hidden;
+}
+
 /*! tab layout */
 .e-richtexteditor .e-rte-toolbar {
   border: 1px solid #edebe9;
@@ -2432,6 +2447,9 @@
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons {
   color: #605e5c;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
+  color: #605e5c;
+}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
   color: #605e5c;
 }
@@ -2450,6 +2468,9 @@
 .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
   border: 0;
 }
+.e-richtexteditor .e-toolbar-wrapper {
+  background: #f3f2f1;
+}
 .e-richtexteditor img.e-img-focus::selection,
 .e-richtexteditor audio.e-audio-focus::selection,
 .e-richtexteditor .e-video-focus::selection {
@@ -2470,7 +2491,7 @@
 .e-richtexteditor .e-rte-content .e-content .e-video-focus:not(.e-resize),
 .e-richtexteditor .e-source-content .e-content .e-img-focus:not(.e-resize),
 .e-richtexteditor .e-source-content .e-content .e-video-focus:not(.e-resize) {
-  border: dashed 2px #0078d4;
+  border: solid 2px #0078d4;
 }
 .e-richtexteditor .e-rte-content .e-content a,
 .e-richtexteditor .e-source-content .e-content a {
@@ -2648,7 +2669,8 @@
 
 .e-dialog .e-img-uploadwrap .e-droptext,
 .e-dialog .e-aud-uploadwrap .e-droptext,
-.e-dialog .e-vid-uploadwrap .e-droptext {
+.e-dialog .e-vid-uploadwrap .e-droptext,
+.e-dialog.e-device .e-vid-uploadwrap .e-droptext {
   border: dashed 2px #c8c6c4;
   border-radius: 4px;
   color: #3b3a39;
@@ -2661,6 +2683,10 @@
   width: 292px;
 }
 
+.e-dialog .e-vid-uploadwrap .e-droptext {
+  height: 108px;
+}
+
 .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
@@ -2817,6 +2843,10 @@ span.e-table-box.e-rbox-select {
   color: #605e5c;
 }
 
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-active .e-icons {
+  color: #605e5c;
+}
+
 .e-richtexteditor.e-rte-tb-expand .e-rte-content-border {
   border-bottom: 0;
 }