@syncfusion/ej2-react-richtexteditor 20.4.52 → 21.1.35

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 (40) hide show
  1. package/CHANGELOG.md +26 -1
  2. package/diConfig.json +6 -1
  3. package/dist/ej2-react-richtexteditor.min.js +2 -2
  4. package/dist/ej2-react-richtexteditor.umd.min.js +2 -2
  5. package/dist/ej2-react-richtexteditor.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-react-richtexteditor.es2015.js +1 -0
  7. package/dist/es6/ej2-react-richtexteditor.es2015.js.map +1 -1
  8. package/package.json +9 -9
  9. package/src/rich-text-editor/richtexteditor.component.d.ts +1 -0
  10. package/src/rich-text-editor/richtexteditor.component.js +1 -0
  11. package/styles/bootstrap-dark.css +31 -1
  12. package/styles/bootstrap.css +31 -1
  13. package/styles/bootstrap4.css +31 -1
  14. package/styles/bootstrap5-dark.css +32 -2
  15. package/styles/bootstrap5.css +32 -2
  16. package/styles/fabric-dark.css +31 -1
  17. package/styles/fabric.css +31 -1
  18. package/styles/fluent-dark.css +34 -4
  19. package/styles/fluent.css +34 -4
  20. package/styles/highcontrast-light.css +31 -1
  21. package/styles/highcontrast.css +31 -1
  22. package/styles/material-dark.css +31 -1
  23. package/styles/material.css +31 -1
  24. package/styles/rich-text-editor/bootstrap-dark.css +31 -1
  25. package/styles/rich-text-editor/bootstrap.css +31 -1
  26. package/styles/rich-text-editor/bootstrap4.css +31 -1
  27. package/styles/rich-text-editor/bootstrap5-dark.css +32 -2
  28. package/styles/rich-text-editor/bootstrap5.css +32 -2
  29. package/styles/rich-text-editor/fabric-dark.css +31 -1
  30. package/styles/rich-text-editor/fabric.css +31 -1
  31. package/styles/rich-text-editor/fluent-dark.css +34 -4
  32. package/styles/rich-text-editor/fluent.css +34 -4
  33. package/styles/rich-text-editor/highcontrast-light.css +31 -1
  34. package/styles/rich-text-editor/highcontrast.css +31 -1
  35. package/styles/rich-text-editor/material-dark.css +31 -1
  36. package/styles/rich-text-editor/material.css +31 -1
  37. package/styles/rich-text-editor/tailwind-dark.css +31 -1
  38. package/styles/rich-text-editor/tailwind.css +31 -1
  39. package/styles/tailwind-dark.css +31 -1
  40. package/styles/tailwind.css +31 -1
package/styles/tailwind-dark.css CHANGED
@@ -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
  }
package/styles/tailwind.css CHANGED
@@ -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
  }