@syncfusion/ej2-richtexteditor 19.4.55 → 20.1.48

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 (81) hide show
  1. package/CHANGELOG.md +7 -65
  2. package/dist/ej2-richtexteditor.umd.min.js +2 -2
  3. package/dist/ej2-richtexteditor.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-richtexteditor.es2015.js +121 -40
  5. package/dist/es6/ej2-richtexteditor.es2015.js.map +1 -1
  6. package/dist/es6/ej2-richtexteditor.es5.js +119 -38
  7. package/dist/es6/ej2-richtexteditor.es5.js.map +1 -1
  8. package/dist/global/ej2-richtexteditor.min.js +2 -2
  9. package/dist/global/ej2-richtexteditor.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +12 -12
  12. package/src/editor-manager/base/constant.d.ts +6 -0
  13. package/src/editor-manager/base/constant.js +6 -0
  14. package/src/editor-manager/plugin/clearformat.js +3 -2
  15. package/src/editor-manager/plugin/inserthtml.js +9 -5
  16. package/src/editor-manager/plugin/lists.js +18 -6
  17. package/src/editor-manager/plugin/ms-word-clean-up.js +6 -0
  18. package/src/editor-manager/plugin/table.js +6 -5
  19. package/src/rich-text-editor/actions/count.js +2 -2
  20. package/src/rich-text-editor/actions/dropdown-buttons.js +1 -1
  21. package/src/rich-text-editor/actions/html-editor.js +3 -2
  22. package/src/rich-text-editor/actions/paste-clean-up.d.ts +1 -0
  23. package/src/rich-text-editor/actions/paste-clean-up.js +11 -1
  24. package/src/rich-text-editor/base/classes.d.ts +5 -0
  25. package/src/rich-text-editor/base/classes.js +5 -0
  26. package/src/rich-text-editor/base/rich-text-editor.js +4 -3
  27. package/src/rich-text-editor/renderer/image-module.js +21 -5
  28. package/src/rich-text-editor/renderer/table-module.js +20 -5
  29. package/src/selection/selection.js +3 -0
  30. package/styles/bootstrap-dark.css +6 -3
  31. package/styles/bootstrap.css +6 -3
  32. package/styles/bootstrap4.css +2 -2
  33. package/styles/bootstrap5-dark.css +30 -6
  34. package/styles/bootstrap5.css +31 -7
  35. package/styles/fabric-dark.css +2 -2
  36. package/styles/fabric.css +2 -2
  37. package/styles/fluent-dark.css +3001 -0
  38. package/styles/fluent-dark.scss +1 -0
  39. package/styles/fluent.css +3001 -0
  40. package/styles/fluent.scss +1 -0
  41. package/styles/highcontrast-light.css +2 -2
  42. package/styles/highcontrast.css +2 -2
  43. package/styles/material-dark.css +2 -2
  44. package/styles/material.css +2 -2
  45. package/styles/rich-text-editor/_bootstrap-dark-definition.scss +19 -0
  46. package/styles/rich-text-editor/_bootstrap-definition.scss +19 -0
  47. package/styles/rich-text-editor/_bootstrap4-definition.scss +19 -0
  48. package/styles/rich-text-editor/_bootstrap5-definition.scss +24 -3
  49. package/styles/rich-text-editor/_fabric-dark-definition.scss +19 -0
  50. package/styles/rich-text-editor/_fabric-definition.scss +19 -0
  51. package/styles/rich-text-editor/_fluent-dark-definition.scss +1 -0
  52. package/styles/rich-text-editor/_fluent-definition.scss +42 -19
  53. package/styles/rich-text-editor/_highcontrast-definition.scss +19 -0
  54. package/styles/rich-text-editor/_highcontrast-light-definition.scss +19 -0
  55. package/styles/rich-text-editor/_layout.scss +96 -6
  56. package/styles/rich-text-editor/_material-dark-definition.scss +18 -1
  57. package/styles/rich-text-editor/_material-definition.scss +19 -0
  58. package/styles/rich-text-editor/_tailwind-definition.scss +26 -6
  59. package/styles/rich-text-editor/_theme.scss +17 -2
  60. package/styles/rich-text-editor/bootstrap-dark.css +6 -3
  61. package/styles/rich-text-editor/bootstrap.css +6 -3
  62. package/styles/rich-text-editor/bootstrap4.css +2 -2
  63. package/styles/rich-text-editor/bootstrap5-dark.css +30 -6
  64. package/styles/rich-text-editor/bootstrap5.css +31 -7
  65. package/styles/rich-text-editor/fabric-dark.css +2 -2
  66. package/styles/rich-text-editor/fabric.css +2 -2
  67. package/styles/rich-text-editor/fluent-dark.css +3001 -0
  68. package/styles/rich-text-editor/fluent-dark.scss +4 -0
  69. package/styles/rich-text-editor/fluent.css +3001 -0
  70. package/styles/rich-text-editor/fluent.scss +4 -0
  71. package/styles/rich-text-editor/highcontrast-light.css +2 -2
  72. package/styles/rich-text-editor/highcontrast.css +2 -2
  73. package/styles/rich-text-editor/icons/_fluent-dark.scss +1 -0
  74. package/styles/rich-text-editor/icons/_fluent.scss +74 -74
  75. package/styles/rich-text-editor/icons/_tailwind.scss +73 -74
  76. package/styles/rich-text-editor/material-dark.css +2 -2
  77. package/styles/rich-text-editor/material.css +2 -2
  78. package/styles/rich-text-editor/tailwind-dark.css +104 -85
  79. package/styles/rich-text-editor/tailwind.css +105 -86
  80. package/styles/tailwind-dark.css +104 -85
  81. package/styles/tailwind.css +105 -86
package/styles/bootstrap5-dark.css CHANGED
@@ -482,6 +482,13 @@
482
482
  padding: 0 6px;
483
483
  }
484
484
 
485
+ .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn,
486
+ .e-bigger .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn,
487
+ .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn,
488
+ .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn {
489
+ padding: 0 8px;
490
+ }
491
+
485
492
  .e-bigger .e-richtexteditor.e-rte-full-screen iframe,
486
493
  .e-richtexteditor.e-bigger.e-rte-full-screen iframe {
487
494
  height: calc(100% - 56px);
@@ -544,6 +551,10 @@
544
551
  padding-right: 5px;
545
552
  }
546
553
 
554
+ .e-richtexteditor .e-rte-toolbar.e-toolbar .e-hor-nav {
555
+ min-height: 40px;
556
+ }
557
+
547
558
  .e-richtexteditor .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos):not(.e-toolbar-multirow) .e-toolbar-item:first-child {
548
559
  margin-left: 7px;
549
560
  }
@@ -700,6 +711,11 @@
700
711
  padding: 0;
701
712
  }
702
713
 
714
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn,
715
+ .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn {
716
+ padding: 0 4px;
717
+ }
718
+
703
719
  .e-richtexteditor .e-rte-toolbar.e-control[class*='e-toolbar'],
704
720
  .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar.e-control[class*='e-toolbar'] {
705
721
  box-sizing: border-box;
@@ -752,6 +768,7 @@
752
768
  line-height: 1.5;
753
769
  opacity: 00.54;
754
770
  overflow: hidden;
771
+ padding: 16px;
755
772
  position: absolute;
756
773
  text-align: start;
757
774
  top: 0;
@@ -916,10 +933,9 @@
916
933
  .e-richtexteditor .e-rte-character-count {
917
934
  bottom: 0;
918
935
  color: #6c757d;
919
- font-family: 'Times New Roman', Georgia, Serif;
920
936
  font-size: 14px;
921
937
  margin-right: 30px;
922
- opacity: 00.54;
938
+ opacity: 1;
923
939
  padding-bottom: 2px;
924
940
  position: absolute;
925
941
  right: 0;
@@ -2042,6 +2058,13 @@
2042
2058
  font-size: 12px;
2043
2059
  }
2044
2060
 
2061
+ .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-alignment-tbar-btn .e-btn-icon.e-caret,
2062
+ .e-rte-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-alignment-tbar-btn .e-btn-icon.e-caret,
2063
+ .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-dropdown-btn.e-alignment-tbar-btn .e-btn-icon.e-caret,
2064
+ .e-rte-toolbar.e-toolbar .e-toolbar-extended .e-toolbar-item .e-dropdown-btn.e-alignment-tbar-btn .e-btn-icon.e-caret {
2065
+ min-width: 24px;
2066
+ }
2067
+
2045
2068
  .e-rte-inline-dropdown .e-rte-color-content .e-rte-elements {
2046
2069
  border-bottom-style: solid;
2047
2070
  border-bottom-width: 3px;
@@ -2471,6 +2494,7 @@
2471
2494
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn:focus {
2472
2495
  background: #565e64;
2473
2496
  border: 1px solid #51585e;
2497
+ border: 0;
2474
2498
  }
2475
2499
 
2476
2500
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn .e-icons,
@@ -2479,7 +2503,7 @@
2479
2503
  }
2480
2504
 
2481
2505
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-icons {
2482
- color: #fff;
2506
+ color: #adb5bd;
2483
2507
  }
2484
2508
 
2485
2509
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-tbar-btn:hover .e-icons {
@@ -2643,7 +2667,7 @@
2643
2667
  }
2644
2668
 
2645
2669
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons {
2646
- color: #fff;
2670
+ color: #adb5bd;
2647
2671
  }
2648
2672
 
2649
2673
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
@@ -2848,7 +2872,7 @@
2848
2872
  }
2849
2873
 
2850
2874
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-icons {
2851
- color: #fff;
2875
+ color: #adb5bd;
2852
2876
  }
2853
2877
 
2854
2878
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-tbar-btn:hover .e-icons {
@@ -2860,7 +2884,7 @@
2860
2884
  }
2861
2885
 
2862
2886
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons {
2863
- color: #fff;
2887
+ color: #adb5bd;
2864
2888
  }
2865
2889
 
2866
2890
  .e-rte-quick-popup .e-rte-dropdown-btn {
package/styles/bootstrap5.css CHANGED
@@ -482,6 +482,13 @@
482
482
  padding: 0 6px;
483
483
  }
484
484
 
485
+ .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn,
486
+ .e-bigger .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn,
487
+ .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn,
488
+ .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn {
489
+ padding: 0 8px;
490
+ }
491
+
485
492
  .e-bigger .e-richtexteditor.e-rte-full-screen iframe,
486
493
  .e-richtexteditor.e-bigger.e-rte-full-screen iframe {
487
494
  height: calc(100% - 56px);
@@ -544,6 +551,10 @@
544
551
  padding-right: 5px;
545
552
  }
546
553
 
554
+ .e-richtexteditor .e-rte-toolbar.e-toolbar .e-hor-nav {
555
+ min-height: 40px;
556
+ }
557
+
547
558
  .e-richtexteditor .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos):not(.e-toolbar-multirow) .e-toolbar-item:first-child {
548
559
  margin-left: 7px;
549
560
  }
@@ -700,6 +711,11 @@
700
711
  padding: 0;
701
712
  }
702
713
 
714
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn,
715
+ .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn {
716
+ padding: 0 4px;
717
+ }
718
+
703
719
  .e-richtexteditor .e-rte-toolbar.e-control[class*='e-toolbar'],
704
720
  .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar.e-control[class*='e-toolbar'] {
705
721
  box-sizing: border-box;
@@ -752,6 +768,7 @@
752
768
  line-height: 1.5;
753
769
  opacity: 00.54;
754
770
  overflow: hidden;
771
+ padding: 16px;
755
772
  position: absolute;
756
773
  text-align: start;
757
774
  top: 0;
@@ -915,11 +932,10 @@
915
932
 
916
933
  .e-richtexteditor .e-rte-character-count {
917
934
  bottom: 0;
918
- color: #adb5bd;
919
- font-family: 'Times New Roman', Georgia, Serif;
935
+ color: #6c757d;
920
936
  font-size: 14px;
921
937
  margin-right: 30px;
922
- opacity: 00.54;
938
+ opacity: 1;
923
939
  padding-bottom: 2px;
924
940
  position: absolute;
925
941
  right: 0;
@@ -2042,6 +2058,13 @@
2042
2058
  font-size: 12px;
2043
2059
  }
2044
2060
 
2061
+ .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-alignment-tbar-btn .e-btn-icon.e-caret,
2062
+ .e-rte-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-alignment-tbar-btn .e-btn-icon.e-caret,
2063
+ .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-dropdown-btn.e-alignment-tbar-btn .e-btn-icon.e-caret,
2064
+ .e-rte-toolbar.e-toolbar .e-toolbar-extended .e-toolbar-item .e-dropdown-btn.e-alignment-tbar-btn .e-btn-icon.e-caret {
2065
+ min-width: 24px;
2066
+ }
2067
+
2045
2068
  .e-rte-inline-dropdown .e-rte-color-content .e-rte-elements {
2046
2069
  border-bottom-style: solid;
2047
2070
  border-bottom-width: 3px;
@@ -2471,6 +2494,7 @@
2471
2494
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn:focus {
2472
2495
  background: #565e64;
2473
2496
  border: 1px solid #51585e;
2497
+ border: 0;
2474
2498
  }
2475
2499
 
2476
2500
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn .e-icons,
@@ -2479,7 +2503,7 @@
2479
2503
  }
2480
2504
 
2481
2505
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-icons {
2482
- color: #212529;
2506
+ color: #6c757d;
2483
2507
  }
2484
2508
 
2485
2509
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-tbar-btn:hover .e-icons {
@@ -2643,7 +2667,7 @@
2643
2667
  }
2644
2668
 
2645
2669
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons {
2646
- color: #212529;
2670
+ color: #6c757d;
2647
2671
  }
2648
2672
 
2649
2673
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
@@ -2848,7 +2872,7 @@
2848
2872
  }
2849
2873
 
2850
2874
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-icons {
2851
- color: #212529;
2875
+ color: #6c757d;
2852
2876
  }
2853
2877
 
2854
2878
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-tbar-btn:hover .e-icons {
@@ -2860,7 +2884,7 @@
2860
2884
  }
2861
2885
 
2862
2886
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons {
2863
- color: #212529;
2887
+ color: #6c757d;
2864
2888
  }
2865
2889
 
2866
2890
  .e-rte-quick-popup .e-rte-dropdown-btn {
package/styles/fabric-dark.css CHANGED
@@ -745,6 +745,7 @@
745
745
  line-height: 18px;
746
746
  opacity: 00.54;
747
747
  overflow: hidden;
748
+ padding: 16px;
748
749
  position: absolute;
749
750
  text-align: start;
750
751
  top: 0;
@@ -909,10 +910,9 @@
909
910
  .e-richtexteditor .e-rte-character-count {
910
911
  bottom: 0;
911
912
  color: #c8c8c8;
912
- font-family: 'Times New Roman', Georgia, Serif;
913
913
  font-size: 14px;
914
914
  margin-right: 30px;
915
- opacity: 00.54;
915
+ opacity: 0.6;
916
916
  padding-bottom: 2px;
917
917
  position: absolute;
918
918
  right: 0;
package/styles/fabric.css CHANGED
@@ -745,6 +745,7 @@
745
745
  line-height: 18px;
746
746
  opacity: 00.54;
747
747
  overflow: hidden;
748
+ padding: 16px;
748
749
  position: absolute;
749
750
  text-align: start;
750
751
  top: 0;
@@ -909,10 +910,9 @@
909
910
  .e-richtexteditor .e-rte-character-count {
910
911
  bottom: 0;
911
912
  color: #000;
912
- font-family: 'Times New Roman', Georgia, Serif;
913
913
  font-size: 14px;
914
914
  margin-right: 30px;
915
- opacity: 00.54;
915
+ opacity: 0.54;
916
916
  padding-bottom: 2px;
917
917
  position: absolute;
918
918
  right: 0;