@syncfusion/ej2-vue-richtexteditor 20.4.53 → 21.1.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/CHANGELOG.md +15 -1
  2. package/README.md +4 -4
  3. package/dist/ej2-vue-richtexteditor.umd.min.js +2 -2
  4. package/dist/ej2-vue-richtexteditor.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-vue-richtexteditor.es2015.js +184 -207
  6. package/dist/es6/ej2-vue-richtexteditor.es2015.js.map +1 -1
  7. package/dist/es6/ej2-vue-richtexteditor.es5.js +199 -227
  8. package/dist/es6/ej2-vue-richtexteditor.es5.js.map +1 -1
  9. package/dist/global/ej2-vue-richtexteditor.min.js +2 -2
  10. package/package.json +11 -10
  11. package/src/rich-text-editor/richtexteditor.component.d.ts +3 -52
  12. package/src/rich-text-editor/richtexteditor.component.js +201 -232
  13. package/styles/bootstrap-dark.css +31 -1
  14. package/styles/bootstrap.css +31 -1
  15. package/styles/bootstrap4.css +31 -1
  16. package/styles/bootstrap5-dark.css +32 -2
  17. package/styles/bootstrap5.css +32 -2
  18. package/styles/fabric-dark.css +31 -1
  19. package/styles/fabric.css +31 -1
  20. package/styles/fluent-dark.css +34 -4
  21. package/styles/fluent.css +34 -4
  22. package/styles/highcontrast-light.css +31 -1
  23. package/styles/highcontrast.css +31 -1
  24. package/styles/material-dark.css +31 -1
  25. package/styles/material.css +31 -1
  26. package/styles/rich-text-editor/bootstrap-dark.css +31 -1
  27. package/styles/rich-text-editor/bootstrap.css +31 -1
  28. package/styles/rich-text-editor/bootstrap4.css +31 -1
  29. package/styles/rich-text-editor/bootstrap5-dark.css +32 -2
  30. package/styles/rich-text-editor/bootstrap5.css +32 -2
  31. package/styles/rich-text-editor/fabric-dark.css +31 -1
  32. package/styles/rich-text-editor/fabric.css +31 -1
  33. package/styles/rich-text-editor/fluent-dark.css +34 -4
  34. package/styles/rich-text-editor/fluent.css +34 -4
  35. package/styles/rich-text-editor/highcontrast-light.css +31 -1
  36. package/styles/rich-text-editor/highcontrast.css +31 -1
  37. package/styles/rich-text-editor/material-dark.css +31 -1
  38. package/styles/rich-text-editor/material.css +31 -1
  39. package/styles/rich-text-editor/tailwind-dark.css +31 -1
  40. package/styles/rich-text-editor/tailwind.css +31 -1
  41. package/styles/tailwind-dark.css +31 -1
  42. package/styles/tailwind.css +31 -1
@@ -295,6 +295,10 @@
295
295
  .e-rte-dropdown-popup .e-rte-file-manager::before {
296
296
  content: "\e609";
297
297
  }
298
+ .e-rte-toolbar .e-rte-format-painter::before,
299
+ .e-rte-dropdown-popup .e-rte-format-painter::before {
300
+ content: "\e97b";
301
+ }
298
302
 
299
303
  .e-richtexteditor .e-south-east::before,
300
304
  .e-richtexteditor .e-south-west::before {
@@ -317,6 +321,10 @@
317
321
  content: "\e89c";
318
322
  }
319
323
 
324
+ .e-rte-cursor-brush {
325
+ 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="M16 9H4V3H16V5H20V13H12V20C12 20.55 11.5508 21 11 21H10C9.44922 21 9 20.55 9 20V11H18V7H16V9ZM6 7H14V5H6V7Z" fill="white"/><path d="M14 7H6V5H14V7Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4 9V3H16V5H20V13H12V20C12 20.55 11.5508 21 11 21H10C9.44922 21 9 20.55 9 20V11H18V7H16V9H4ZM7 11H2V1H18V3H22V15H14V20C14 21.6536 12.6564 23 11 23H10C8.34364 23 7 21.6536 7 20V11Z" fill="black"/></svg>'), text;
326
+ }
327
+
320
328
  /*! tab layout */
321
329
  .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
322
330
  .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
@@ -545,6 +553,7 @@
545
553
  margin-right: 0;
546
554
  }
547
555
  .e-richtexteditor .e-rte-toolbar.e-rte-tb-mobile .e-toolbar-multirow {
556
+ display: inline-block;
548
557
  margin-left: 0;
549
558
  margin-right: 0;
550
559
  overflow-x: auto;
@@ -1407,6 +1416,7 @@
1407
1416
  }
1408
1417
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
1409
1418
  white-space: nowrap;
1419
+ display: inline-block;
1410
1420
  }
1411
1421
  .e-rte-quick-popup .e-rte-quick-toolbar.e-remove-white-space .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
1412
1422
  white-space: nowrap;
@@ -2279,6 +2289,11 @@
2279
2289
  margin: 1px;
2280
2290
  }
2281
2291
 
2292
+ .e-transparent.e-rte-elements.e-tbar-btn.e-rte-fontcolor-dropdown,
2293
+ .e-transparent.e-rte-elements.e-tbar-btn.e-rte-backgroundcolor-dropdown {
2294
+ visibility: hidden;
2295
+ }
2296
+
2282
2297
  /*! tab layout */
2283
2298
  .e-richtexteditor .e-rte-toolbar {
2284
2299
  border: 1px solid #616161;
@@ -2371,6 +2386,9 @@
2371
2386
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons {
2372
2387
  color: #fff;
2373
2388
  }
2389
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
2390
+ color: #fff;
2391
+ }
2374
2392
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
2375
2393
  color: #fff;
2376
2394
  }
@@ -2389,6 +2407,9 @@
2389
2407
  .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
2390
2408
  border: 0;
2391
2409
  }
2410
+ .e-richtexteditor .e-toolbar-wrapper {
2411
+ background: #212121;
2412
+ }
2392
2413
  .e-richtexteditor img.e-img-focus::selection,
2393
2414
  .e-richtexteditor audio.e-audio-focus::selection,
2394
2415
  .e-richtexteditor .e-video-focus::selection {
@@ -2587,7 +2608,8 @@
2587
2608
 
2588
2609
  .e-dialog .e-img-uploadwrap .e-droptext,
2589
2610
  .e-dialog .e-aud-uploadwrap .e-droptext,
2590
- .e-dialog .e-vid-uploadwrap .e-droptext {
2611
+ .e-dialog .e-vid-uploadwrap .e-droptext,
2612
+ .e-dialog.e-device .e-vid-uploadwrap .e-droptext {
2591
2613
  border: dashed 2px rgba(255, 255, 255, 0.12);
2592
2614
  border-radius: 4px;
2593
2615
  color: rgba(255, 255, 255, 0.7);
@@ -2600,6 +2622,10 @@
2600
2622
  width: 300px;
2601
2623
  }
2602
2624
 
2625
+ .e-dialog .e-vid-uploadwrap .e-droptext {
2626
+ height: 108px;
2627
+ }
2628
+
2603
2629
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
2604
2630
  .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
2605
2631
  .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
@@ -2752,6 +2778,10 @@ span.e-table-box.e-rbox-select {
2752
2778
  color: #fff;
2753
2779
  }
2754
2780
 
2781
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-active .e-icons {
2782
+ color: #fff;
2783
+ }
2784
+
2755
2785
  .e-richtexteditor.e-rte-tb-expand .e-rte-content-border {
2756
2786
  border-bottom: 0;
2757
2787
  }
@@ -295,6 +295,10 @@
295
295
  .e-rte-dropdown-popup .e-rte-file-manager::before {
296
296
  content: "\e609";
297
297
  }
298
+ .e-rte-toolbar .e-rte-format-painter::before,
299
+ .e-rte-dropdown-popup .e-rte-format-painter::before {
300
+ content: "\e97b";
301
+ }
298
302
 
299
303
  .e-richtexteditor .e-south-east::before,
300
304
  .e-richtexteditor .e-south-west::before {
@@ -317,6 +321,10 @@
317
321
  content: "\e89c";
318
322
  }
319
323
 
324
+ .e-rte-cursor-brush {
325
+ 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="M16 9H4V3H16V5H20V13H12V20C12 20.55 11.5508 21 11 21H10C9.44922 21 9 20.55 9 20V11H18V7H16V9ZM6 7H14V5H6V7Z" fill="white"/><path d="M14 7H6V5H14V7Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4 9V3H16V5H20V13H12V20C12 20.55 11.5508 21 11 21H10C9.44922 21 9 20.55 9 20V11H18V7H16V9H4ZM7 11H2V1H18V3H22V15H14V20C14 21.6536 12.6564 23 11 23H10C8.34364 23 7 21.6536 7 20V11Z" fill="black"/></svg>'), text;
326
+ }
327
+
320
328
  /*! tab layout */
321
329
  .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
322
330
  .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
@@ -545,6 +553,7 @@
545
553
  margin-right: 0;
546
554
  }
547
555
  .e-richtexteditor .e-rte-toolbar.e-rte-tb-mobile .e-toolbar-multirow {
556
+ display: inline-block;
548
557
  margin-left: 0;
549
558
  margin-right: 0;
550
559
  overflow-x: auto;
@@ -1407,6 +1416,7 @@
1407
1416
  }
1408
1417
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
1409
1418
  white-space: nowrap;
1419
+ display: inline-block;
1410
1420
  }
1411
1421
  .e-rte-quick-popup .e-rte-quick-toolbar.e-remove-white-space .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
1412
1422
  white-space: nowrap;
@@ -2279,6 +2289,11 @@
2279
2289
  margin: 1px;
2280
2290
  }
2281
2291
 
2292
+ .e-transparent.e-rte-elements.e-tbar-btn.e-rte-fontcolor-dropdown,
2293
+ .e-transparent.e-rte-elements.e-tbar-btn.e-rte-backgroundcolor-dropdown {
2294
+ visibility: hidden;
2295
+ }
2296
+
2282
2297
  /*! tab layout */
2283
2298
  .e-richtexteditor .e-rte-toolbar {
2284
2299
  border: 1px solid rgba(0, 0, 0, 0.12);
@@ -2371,6 +2386,9 @@
2371
2386
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons {
2372
2387
  color: #000;
2373
2388
  }
2389
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
2390
+ color: #000;
2391
+ }
2374
2392
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
2375
2393
  color: #000;
2376
2394
  }
@@ -2389,6 +2407,9 @@
2389
2407
  .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
2390
2408
  border: 0;
2391
2409
  }
2410
+ .e-richtexteditor .e-toolbar-wrapper {
2411
+ background: #fafafa;
2412
+ }
2392
2413
  .e-richtexteditor img.e-img-focus::selection,
2393
2414
  .e-richtexteditor audio.e-audio-focus::selection,
2394
2415
  .e-richtexteditor .e-video-focus::selection {
@@ -2587,7 +2608,8 @@
2587
2608
 
2588
2609
  .e-dialog .e-img-uploadwrap .e-droptext,
2589
2610
  .e-dialog .e-aud-uploadwrap .e-droptext,
2590
- .e-dialog .e-vid-uploadwrap .e-droptext {
2611
+ .e-dialog .e-vid-uploadwrap .e-droptext,
2612
+ .e-dialog.e-device .e-vid-uploadwrap .e-droptext {
2591
2613
  border: dashed 2px rgba(0, 0, 0, 0.12);
2592
2614
  border-radius: 4px;
2593
2615
  color: rgba(0, 0, 0, 0.38);
@@ -2600,6 +2622,10 @@
2600
2622
  width: 300px;
2601
2623
  }
2602
2624
 
2625
+ .e-dialog .e-vid-uploadwrap .e-droptext {
2626
+ height: 108px;
2627
+ }
2628
+
2603
2629
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
2604
2630
  .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
2605
2631
  .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
@@ -2752,6 +2778,10 @@ span.e-table-box.e-rbox-select {
2752
2778
  color: #000;
2753
2779
  }
2754
2780
 
2781
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-active .e-icons {
2782
+ color: #000;
2783
+ }
2784
+
2755
2785
  .e-richtexteditor.e-rte-tb-expand .e-rte-content-border {
2756
2786
  border-bottom: 0;
2757
2787
  }
@@ -295,6 +295,10 @@
295
295
  .e-rte-dropdown-popup .e-rte-file-manager::before {
296
296
  content: "\e83c";
297
297
  }
298
+ .e-rte-toolbar .e-rte-format-painter::before,
299
+ .e-rte-dropdown-popup .e-rte-format-painter::before {
300
+ content: "\e8bd";
301
+ }
298
302
 
299
303
  .e-richtexteditor .e-south-east::before,
300
304
  .e-richtexteditor .e-south-west::before {
@@ -317,6 +321,10 @@
317
321
  content: "\e7c2";
318
322
  }
319
323
 
324
+ .e-rte-cursor-brush {
325
+ 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="M10.0561 9V4C10.0561 2.35001 11.4057 1 13.0561 1C14.7065 1 16.0561 2.35001 16.0561 4V9H19.0463C20.1459 9 21.0463 9.89999 21.0463 11V22C21.0463 23.1 20.1459 24 19.0561 24H5.4057C4.77484 24 4.185 23.71 3.80609 23.2C3.42523 22.7 3.30609 22.07 3.47601 21.47C4.685 17.21 4.96625 12.67 5.02484 10.92C5.06586 9.84 5.94476 9 7.02484 9H10.0561ZM16.0561 22.0044V19C16.0561 18.45 15.6069 18 15.0561 18C14.5053 18 14.0561 18.45 14.0561 19V22.0073L11.0561 22.0117V20C11.0561 19.45 10.6069 19 10.0561 19C9.50531 19 9.05609 19.45 9.05609 20V22.0146L5.4057 22.02C5.98969 19.9657 6.36469 17.8564 6.60883 16H19.0561V22L16.0561 22.0044ZM14.0561 9V4C14.0561 3.45 13.6069 3 13.0561 3C12.5053 3 12.0561 3.45 12.0561 4V9H14.0561ZM7.03461 11C7.00922 11.664 6.95453 12.7153 6.83344 14H19.0561V11H7.03461Z" fill="black"/><path d="M6.83344 14C6.95453 12.7153 7.00922 11.664 7.03461 11H19.0561V14H6.83344Z" fill="white"/><path d="M14.0561 4V9H12.0561V4C12.0561 3.45 12.5053 3 13.0561 3C13.6069 3 14.0561 3.45 14.0561 4Z" fill="white"/><path d="M16.0561 19V22.0044L19.0561 22V16H6.60883C6.36469 17.8564 5.98969 19.9657 5.4057 22.02L9.05609 22.0146V20C9.05609 19.45 9.50531 19 10.0561 19C10.6069 19 11.0561 19.45 11.0561 20V22.0117L14.0561 22.0073V19C14.0561 18.45 14.5053 18 15.0561 18C15.6069 18 16.0561 18.45 16.0561 19Z" fill="white"/></svg>'), text;
326
+ }
327
+
320
328
  /*! tab layout */
321
329
  .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
322
330
  .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
@@ -549,6 +557,7 @@
549
557
  margin-right: 0;
550
558
  }
551
559
  .e-richtexteditor .e-rte-toolbar.e-rte-tb-mobile .e-toolbar-multirow {
560
+ display: inline-block;
552
561
  margin-left: 0;
553
562
  margin-right: 0;
554
563
  overflow-x: auto;
@@ -1412,6 +1421,7 @@
1412
1421
  }
1413
1422
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
1414
1423
  white-space: nowrap;
1424
+ display: inline-block;
1415
1425
  }
1416
1426
  .e-rte-quick-popup .e-rte-quick-toolbar.e-remove-white-space .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
1417
1427
  white-space: nowrap;
@@ -2305,6 +2315,11 @@
2305
2315
  margin: 1px;
2306
2316
  }
2307
2317
 
2318
+ .e-transparent.e-rte-elements.e-tbar-btn.e-rte-fontcolor-dropdown,
2319
+ .e-transparent.e-rte-elements.e-tbar-btn.e-rte-backgroundcolor-dropdown {
2320
+ visibility: hidden;
2321
+ }
2322
+
2308
2323
  /*! tab layout */
2309
2324
  .e-richtexteditor .e-rte-toolbar {
2310
2325
  border: 1px solid #4b5563;
@@ -2400,6 +2415,9 @@
2400
2415
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons {
2401
2416
  color: #d1d5db;
2402
2417
  }
2418
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
2419
+ color: #d1d5db;
2420
+ }
2403
2421
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
2404
2422
  color: #d1d5db;
2405
2423
  }
@@ -2418,6 +2436,9 @@
2418
2436
  .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
2419
2437
  border: 0;
2420
2438
  }
2439
+ .e-richtexteditor .e-toolbar-wrapper {
2440
+ background: #374151;
2441
+ }
2421
2442
  .e-richtexteditor img.e-img-focus::selection,
2422
2443
  .e-richtexteditor audio.e-audio-focus::selection,
2423
2444
  .e-richtexteditor .e-video-focus::selection {
@@ -2616,7 +2637,8 @@
2616
2637
 
2617
2638
  .e-dialog .e-img-uploadwrap .e-droptext,
2618
2639
  .e-dialog .e-aud-uploadwrap .e-droptext,
2619
- .e-dialog .e-vid-uploadwrap .e-droptext {
2640
+ .e-dialog .e-vid-uploadwrap .e-droptext,
2641
+ .e-dialog.e-device .e-vid-uploadwrap .e-droptext {
2620
2642
  border: dashed 2px #9ca3af;
2621
2643
  border-radius: 4px;
2622
2644
  color: #9ca3af;
@@ -2629,6 +2651,10 @@
2629
2651
  width: 300px;
2630
2652
  }
2631
2653
 
2654
+ .e-dialog .e-vid-uploadwrap .e-droptext {
2655
+ height: 108px;
2656
+ }
2657
+
2632
2658
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
2633
2659
  .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
2634
2660
  .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
@@ -2781,6 +2807,10 @@ span.e-table-box.e-rbox-select {
2781
2807
  color: #d1d5db;
2782
2808
  }
2783
2809
 
2810
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-active .e-icons {
2811
+ color: #d1d5db;
2812
+ }
2813
+
2784
2814
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended {
2785
2815
  background: #374151;
2786
2816
  }
@@ -295,6 +295,10 @@
295
295
  .e-rte-dropdown-popup .e-rte-file-manager::before {
296
296
  content: "\e83c";
297
297
  }
298
+ .e-rte-toolbar .e-rte-format-painter::before,
299
+ .e-rte-dropdown-popup .e-rte-format-painter::before {
300
+ content: "\e8bd";
301
+ }
298
302
 
299
303
  .e-richtexteditor .e-south-east::before,
300
304
  .e-richtexteditor .e-south-west::before {
@@ -317,6 +321,10 @@
317
321
  content: "\e7c2";
318
322
  }
319
323
 
324
+ .e-rte-cursor-brush {
325
+ 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="M10.0561 9V4C10.0561 2.35001 11.4057 1 13.0561 1C14.7065 1 16.0561 2.35001 16.0561 4V9H19.0463C20.1459 9 21.0463 9.89999 21.0463 11V22C21.0463 23.1 20.1459 24 19.0561 24H5.4057C4.77484 24 4.185 23.71 3.80609 23.2C3.42523 22.7 3.30609 22.07 3.47601 21.47C4.685 17.21 4.96625 12.67 5.02484 10.92C5.06586 9.84 5.94476 9 7.02484 9H10.0561ZM16.0561 22.0044V19C16.0561 18.45 15.6069 18 15.0561 18C14.5053 18 14.0561 18.45 14.0561 19V22.0073L11.0561 22.0117V20C11.0561 19.45 10.6069 19 10.0561 19C9.50531 19 9.05609 19.45 9.05609 20V22.0146L5.4057 22.02C5.98969 19.9657 6.36469 17.8564 6.60883 16H19.0561V22L16.0561 22.0044ZM14.0561 9V4C14.0561 3.45 13.6069 3 13.0561 3C12.5053 3 12.0561 3.45 12.0561 4V9H14.0561ZM7.03461 11C7.00922 11.664 6.95453 12.7153 6.83344 14H19.0561V11H7.03461Z" fill="black"/><path d="M6.83344 14C6.95453 12.7153 7.00922 11.664 7.03461 11H19.0561V14H6.83344Z" fill="white"/><path d="M14.0561 4V9H12.0561V4C12.0561 3.45 12.5053 3 13.0561 3C13.6069 3 14.0561 3.45 14.0561 4Z" fill="white"/><path d="M16.0561 19V22.0044L19.0561 22V16H6.60883C6.36469 17.8564 5.98969 19.9657 5.4057 22.02L9.05609 22.0146V20C9.05609 19.45 9.50531 19 10.0561 19C10.6069 19 11.0561 19.45 11.0561 20V22.0117L14.0561 22.0073V19C14.0561 18.45 14.5053 18 15.0561 18C15.6069 18 16.0561 18.45 16.0561 19Z" fill="white"/></svg>'), text;
326
+ }
327
+
320
328
  /*! tab layout */
321
329
  .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
322
330
  .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
@@ -549,6 +557,7 @@
549
557
  margin-right: 0;
550
558
  }
551
559
  .e-richtexteditor .e-rte-toolbar.e-rte-tb-mobile .e-toolbar-multirow {
560
+ display: inline-block;
552
561
  margin-left: 0;
553
562
  margin-right: 0;
554
563
  overflow-x: auto;
@@ -1412,6 +1421,7 @@
1412
1421
  }
1413
1422
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
1414
1423
  white-space: nowrap;
1424
+ display: inline-block;
1415
1425
  }
1416
1426
  .e-rte-quick-popup .e-rte-quick-toolbar.e-remove-white-space .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
1417
1427
  white-space: nowrap;
@@ -2305,6 +2315,11 @@
2305
2315
  margin: 1px;
2306
2316
  }
2307
2317
 
2318
+ .e-transparent.e-rte-elements.e-tbar-btn.e-rte-fontcolor-dropdown,
2319
+ .e-transparent.e-rte-elements.e-tbar-btn.e-rte-backgroundcolor-dropdown {
2320
+ visibility: hidden;
2321
+ }
2322
+
2308
2323
  /*! tab layout */
2309
2324
  .e-richtexteditor .e-rte-toolbar {
2310
2325
  border: 1px solid #e5e7eb;
@@ -2400,6 +2415,9 @@
2400
2415
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons {
2401
2416
  color: #6b7280;
2402
2417
  }
2418
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
2419
+ color: #6b7280;
2420
+ }
2403
2421
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
2404
2422
  color: #6b7280;
2405
2423
  }
@@ -2418,6 +2436,9 @@
2418
2436
  .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
2419
2437
  border: 0;
2420
2438
  }
2439
+ .e-richtexteditor .e-toolbar-wrapper {
2440
+ background: #f3f4f6;
2441
+ }
2421
2442
  .e-richtexteditor img.e-img-focus::selection,
2422
2443
  .e-richtexteditor audio.e-audio-focus::selection,
2423
2444
  .e-richtexteditor .e-video-focus::selection {
@@ -2616,7 +2637,8 @@
2616
2637
 
2617
2638
  .e-dialog .e-img-uploadwrap .e-droptext,
2618
2639
  .e-dialog .e-aud-uploadwrap .e-droptext,
2619
- .e-dialog .e-vid-uploadwrap .e-droptext {
2640
+ .e-dialog .e-vid-uploadwrap .e-droptext,
2641
+ .e-dialog.e-device .e-vid-uploadwrap .e-droptext {
2620
2642
  border: dashed 2px #9ca3af;
2621
2643
  border-radius: 4px;
2622
2644
  color: #6b7280;
@@ -2629,6 +2651,10 @@
2629
2651
  width: 300px;
2630
2652
  }
2631
2653
 
2654
+ .e-dialog .e-vid-uploadwrap .e-droptext {
2655
+ height: 108px;
2656
+ }
2657
+
2632
2658
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
2633
2659
  .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
2634
2660
  .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
@@ -2781,6 +2807,10 @@ span.e-table-box.e-rbox-select {
2781
2807
  color: #6b7280;
2782
2808
  }
2783
2809
 
2810
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-active .e-icons {
2811
+ color: #6b7280;
2812
+ }
2813
+
2784
2814
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended {
2785
2815
  background: #f3f4f6;
2786
2816
  }
@@ -295,6 +295,10 @@
295
295
  .e-rte-dropdown-popup .e-rte-file-manager::before {
296
296
  content: "\e83c";
297
297
  }
298
+ .e-rte-toolbar .e-rte-format-painter::before,
299
+ .e-rte-dropdown-popup .e-rte-format-painter::before {
300
+ content: "\e8bd";
301
+ }
298
302
 
299
303
  .e-richtexteditor .e-south-east::before,
300
304
  .e-richtexteditor .e-south-west::before {
@@ -317,6 +321,10 @@
317
321
  content: "\e7c2";
318
322
  }
319
323
 
324
+ .e-rte-cursor-brush {
325
+ 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="M10.0561 9V4C10.0561 2.35001 11.4057 1 13.0561 1C14.7065 1 16.0561 2.35001 16.0561 4V9H19.0463C20.1459 9 21.0463 9.89999 21.0463 11V22C21.0463 23.1 20.1459 24 19.0561 24H5.4057C4.77484 24 4.185 23.71 3.80609 23.2C3.42523 22.7 3.30609 22.07 3.47601 21.47C4.685 17.21 4.96625 12.67 5.02484 10.92C5.06586 9.84 5.94476 9 7.02484 9H10.0561ZM16.0561 22.0044V19C16.0561 18.45 15.6069 18 15.0561 18C14.5053 18 14.0561 18.45 14.0561 19V22.0073L11.0561 22.0117V20C11.0561 19.45 10.6069 19 10.0561 19C9.50531 19 9.05609 19.45 9.05609 20V22.0146L5.4057 22.02C5.98969 19.9657 6.36469 17.8564 6.60883 16H19.0561V22L16.0561 22.0044ZM14.0561 9V4C14.0561 3.45 13.6069 3 13.0561 3C12.5053 3 12.0561 3.45 12.0561 4V9H14.0561ZM7.03461 11C7.00922 11.664 6.95453 12.7153 6.83344 14H19.0561V11H7.03461Z" fill="black"/><path d="M6.83344 14C6.95453 12.7153 7.00922 11.664 7.03461 11H19.0561V14H6.83344Z" fill="white"/><path d="M14.0561 4V9H12.0561V4C12.0561 3.45 12.5053 3 13.0561 3C13.6069 3 14.0561 3.45 14.0561 4Z" fill="white"/><path d="M16.0561 19V22.0044L19.0561 22V16H6.60883C6.36469 17.8564 5.98969 19.9657 5.4057 22.02L9.05609 22.0146V20C9.05609 19.45 9.50531 19 10.0561 19C10.6069 19 11.0561 19.45 11.0561 20V22.0117L14.0561 22.0073V19C14.0561 18.45 14.5053 18 15.0561 18C15.6069 18 16.0561 18.45 16.0561 19Z" fill="white"/></svg>'), text;
326
+ }
327
+
320
328
  /*! tab layout */
321
329
  .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
322
330
  .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
@@ -549,6 +557,7 @@
549
557
  margin-right: 0;
550
558
  }
551
559
  .e-richtexteditor .e-rte-toolbar.e-rte-tb-mobile .e-toolbar-multirow {
560
+ display: inline-block;
552
561
  margin-left: 0;
553
562
  margin-right: 0;
554
563
  overflow-x: auto;
@@ -1412,6 +1421,7 @@
1412
1421
  }
1413
1422
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
1414
1423
  white-space: nowrap;
1424
+ display: inline-block;
1415
1425
  }
1416
1426
  .e-rte-quick-popup .e-rte-quick-toolbar.e-remove-white-space .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
1417
1427
  white-space: nowrap;
@@ -2305,6 +2315,11 @@
2305
2315
  margin: 1px;
2306
2316
  }
2307
2317
 
2318
+ .e-transparent.e-rte-elements.e-tbar-btn.e-rte-fontcolor-dropdown,
2319
+ .e-transparent.e-rte-elements.e-tbar-btn.e-rte-backgroundcolor-dropdown {
2320
+ visibility: hidden;
2321
+ }
2322
+
2308
2323
  /*! tab layout */
2309
2324
  .e-richtexteditor .e-rte-toolbar {
2310
2325
  border: 1px solid #4b5563;
@@ -2400,6 +2415,9 @@
2400
2415
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons {
2401
2416
  color: #d1d5db;
2402
2417
  }
2418
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
2419
+ color: #d1d5db;
2420
+ }
2403
2421
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
2404
2422
  color: #d1d5db;
2405
2423
  }
@@ -2418,6 +2436,9 @@
2418
2436
  .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
2419
2437
  border: 0;
2420
2438
  }
2439
+ .e-richtexteditor .e-toolbar-wrapper {
2440
+ background: #374151;
2441
+ }
2421
2442
  .e-richtexteditor img.e-img-focus::selection,
2422
2443
  .e-richtexteditor audio.e-audio-focus::selection,
2423
2444
  .e-richtexteditor .e-video-focus::selection {
@@ -2616,7 +2637,8 @@
2616
2637
 
2617
2638
  .e-dialog .e-img-uploadwrap .e-droptext,
2618
2639
  .e-dialog .e-aud-uploadwrap .e-droptext,
2619
- .e-dialog .e-vid-uploadwrap .e-droptext {
2640
+ .e-dialog .e-vid-uploadwrap .e-droptext,
2641
+ .e-dialog.e-device .e-vid-uploadwrap .e-droptext {
2620
2642
  border: dashed 2px #9ca3af;
2621
2643
  border-radius: 4px;
2622
2644
  color: #9ca3af;
@@ -2629,6 +2651,10 @@
2629
2651
  width: 300px;
2630
2652
  }
2631
2653
 
2654
+ .e-dialog .e-vid-uploadwrap .e-droptext {
2655
+ height: 108px;
2656
+ }
2657
+
2632
2658
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
2633
2659
  .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
2634
2660
  .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
@@ -2781,6 +2807,10 @@ span.e-table-box.e-rbox-select {
2781
2807
  color: #d1d5db;
2782
2808
  }
2783
2809
 
2810
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-active .e-icons {
2811
+ color: #d1d5db;
2812
+ }
2813
+
2784
2814
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended {
2785
2815
  background: #374151;
2786
2816
  }
@@ -295,6 +295,10 @@
295
295
  .e-rte-dropdown-popup .e-rte-file-manager::before {
296
296
  content: "\e83c";
297
297
  }
298
+ .e-rte-toolbar .e-rte-format-painter::before,
299
+ .e-rte-dropdown-popup .e-rte-format-painter::before {
300
+ content: "\e8bd";
301
+ }
298
302
 
299
303
  .e-richtexteditor .e-south-east::before,
300
304
  .e-richtexteditor .e-south-west::before {
@@ -317,6 +321,10 @@
317
321
  content: "\e7c2";
318
322
  }
319
323
 
324
+ .e-rte-cursor-brush {
325
+ 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="M10.0561 9V4C10.0561 2.35001 11.4057 1 13.0561 1C14.7065 1 16.0561 2.35001 16.0561 4V9H19.0463C20.1459 9 21.0463 9.89999 21.0463 11V22C21.0463 23.1 20.1459 24 19.0561 24H5.4057C4.77484 24 4.185 23.71 3.80609 23.2C3.42523 22.7 3.30609 22.07 3.47601 21.47C4.685 17.21 4.96625 12.67 5.02484 10.92C5.06586 9.84 5.94476 9 7.02484 9H10.0561ZM16.0561 22.0044V19C16.0561 18.45 15.6069 18 15.0561 18C14.5053 18 14.0561 18.45 14.0561 19V22.0073L11.0561 22.0117V20C11.0561 19.45 10.6069 19 10.0561 19C9.50531 19 9.05609 19.45 9.05609 20V22.0146L5.4057 22.02C5.98969 19.9657 6.36469 17.8564 6.60883 16H19.0561V22L16.0561 22.0044ZM14.0561 9V4C14.0561 3.45 13.6069 3 13.0561 3C12.5053 3 12.0561 3.45 12.0561 4V9H14.0561ZM7.03461 11C7.00922 11.664 6.95453 12.7153 6.83344 14H19.0561V11H7.03461Z" fill="black"/><path d="M6.83344 14C6.95453 12.7153 7.00922 11.664 7.03461 11H19.0561V14H6.83344Z" fill="white"/><path d="M14.0561 4V9H12.0561V4C12.0561 3.45 12.5053 3 13.0561 3C13.6069 3 14.0561 3.45 14.0561 4Z" fill="white"/><path d="M16.0561 19V22.0044L19.0561 22V16H6.60883C6.36469 17.8564 5.98969 19.9657 5.4057 22.02L9.05609 22.0146V20C9.05609 19.45 9.50531 19 10.0561 19C10.6069 19 11.0561 19.45 11.0561 20V22.0117L14.0561 22.0073V19C14.0561 18.45 14.5053 18 15.0561 18C15.6069 18 16.0561 18.45 16.0561 19Z" fill="white"/></svg>'), text;
326
+ }
327
+
320
328
  /*! tab layout */
321
329
  .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
322
330
  .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
@@ -549,6 +557,7 @@
549
557
  margin-right: 0;
550
558
  }
551
559
  .e-richtexteditor .e-rte-toolbar.e-rte-tb-mobile .e-toolbar-multirow {
560
+ display: inline-block;
552
561
  margin-left: 0;
553
562
  margin-right: 0;
554
563
  overflow-x: auto;
@@ -1412,6 +1421,7 @@
1412
1421
  }
1413
1422
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
1414
1423
  white-space: nowrap;
1424
+ display: inline-block;
1415
1425
  }
1416
1426
  .e-rte-quick-popup .e-rte-quick-toolbar.e-remove-white-space .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
1417
1427
  white-space: nowrap;
@@ -2305,6 +2315,11 @@
2305
2315
  margin: 1px;
2306
2316
  }
2307
2317
 
2318
+ .e-transparent.e-rte-elements.e-tbar-btn.e-rte-fontcolor-dropdown,
2319
+ .e-transparent.e-rte-elements.e-tbar-btn.e-rte-backgroundcolor-dropdown {
2320
+ visibility: hidden;
2321
+ }
2322
+
2308
2323
  /*! tab layout */
2309
2324
  .e-richtexteditor .e-rte-toolbar {
2310
2325
  border: 1px solid #e5e7eb;
@@ -2400,6 +2415,9 @@
2400
2415
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons {
2401
2416
  color: #6b7280;
2402
2417
  }
2418
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
2419
+ color: #6b7280;
2420
+ }
2403
2421
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
2404
2422
  color: #6b7280;
2405
2423
  }
@@ -2418,6 +2436,9 @@
2418
2436
  .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
2419
2437
  border: 0;
2420
2438
  }
2439
+ .e-richtexteditor .e-toolbar-wrapper {
2440
+ background: #f3f4f6;
2441
+ }
2421
2442
  .e-richtexteditor img.e-img-focus::selection,
2422
2443
  .e-richtexteditor audio.e-audio-focus::selection,
2423
2444
  .e-richtexteditor .e-video-focus::selection {
@@ -2616,7 +2637,8 @@
2616
2637
 
2617
2638
  .e-dialog .e-img-uploadwrap .e-droptext,
2618
2639
  .e-dialog .e-aud-uploadwrap .e-droptext,
2619
- .e-dialog .e-vid-uploadwrap .e-droptext {
2640
+ .e-dialog .e-vid-uploadwrap .e-droptext,
2641
+ .e-dialog.e-device .e-vid-uploadwrap .e-droptext {
2620
2642
  border: dashed 2px #9ca3af;
2621
2643
  border-radius: 4px;
2622
2644
  color: #6b7280;
@@ -2629,6 +2651,10 @@
2629
2651
  width: 300px;
2630
2652
  }
2631
2653
 
2654
+ .e-dialog .e-vid-uploadwrap .e-droptext {
2655
+ height: 108px;
2656
+ }
2657
+
2632
2658
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
2633
2659
  .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
2634
2660
  .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
@@ -2781,6 +2807,10 @@ span.e-table-box.e-rbox-select {
2781
2807
  color: #6b7280;
2782
2808
  }
2783
2809
 
2810
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-active .e-icons {
2811
+ color: #6b7280;
2812
+ }
2813
+
2784
2814
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended {
2785
2815
  background: #f3f4f6;
2786
2816
  }