@syncfusion/ej2-richtexteditor 24.2.9 → 25.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 (133) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/dist/ej2-richtexteditor.min.js +2 -2
  3. package/dist/ej2-richtexteditor.umd.min.js +2 -2
  4. package/dist/ej2-richtexteditor.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-richtexteditor.es2015.js +936 -500
  6. package/dist/es6/ej2-richtexteditor.es2015.js.map +1 -1
  7. package/dist/es6/ej2-richtexteditor.es5.js +921 -490
  8. package/dist/es6/ej2-richtexteditor.es5.js.map +1 -1
  9. package/dist/global/ej2-richtexteditor.min.js +2 -2
  10. package/dist/global/ej2-richtexteditor.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +13 -13
  13. package/src/common/config.d.ts +7 -0
  14. package/src/common/config.js +11 -0
  15. package/src/common/interface.d.ts +12 -0
  16. package/src/common/types.d.ts +6 -0
  17. package/src/editor-manager/plugin/dom-node.d.ts +5 -1
  18. package/src/editor-manager/plugin/dom-node.js +163 -13
  19. package/src/editor-manager/plugin/formats.js +1 -1
  20. package/src/editor-manager/plugin/image.js +12 -16
  21. package/src/editor-manager/plugin/inserthtml.d.ts +1 -0
  22. package/src/editor-manager/plugin/inserthtml.js +31 -0
  23. package/src/editor-manager/plugin/link.js +1 -1
  24. package/src/editor-manager/plugin/lists.js +36 -2
  25. package/src/editor-manager/plugin/ms-word-clean-up.js +67 -59
  26. package/src/editor-manager/plugin/selection-commands.js +56 -3
  27. package/src/editor-manager/plugin/table.js +18 -3
  28. package/src/editor-manager/plugin/toolbar-status.d.ts +2 -2
  29. package/src/editor-manager/plugin/toolbar-status.js +17 -9
  30. package/src/rich-text-editor/actions/base-quick-toolbar.d.ts +3 -3
  31. package/src/rich-text-editor/actions/base-quick-toolbar.js +41 -10
  32. package/src/rich-text-editor/actions/base-toolbar.js +24 -30
  33. package/src/rich-text-editor/actions/dropdown-buttons.js +4 -4
  34. package/src/rich-text-editor/actions/emoji-picker.js +1 -1
  35. package/src/rich-text-editor/actions/enter-key.js +2 -1
  36. package/src/rich-text-editor/actions/full-screen.js +2 -2
  37. package/src/rich-text-editor/actions/html-editor.d.ts +0 -2
  38. package/src/rich-text-editor/actions/html-editor.js +8 -26
  39. package/src/rich-text-editor/actions/markdown-editor.js +3 -1
  40. package/src/rich-text-editor/actions/paste-clean-up.d.ts +1 -0
  41. package/src/rich-text-editor/actions/paste-clean-up.js +23 -0
  42. package/src/rich-text-editor/actions/quick-toolbar.d.ts +7 -0
  43. package/src/rich-text-editor/actions/quick-toolbar.js +23 -8
  44. package/src/rich-text-editor/actions/resize.js +2 -1
  45. package/src/rich-text-editor/actions/toolbar.d.ts +0 -2
  46. package/src/rich-text-editor/actions/toolbar.js +13 -85
  47. package/src/rich-text-editor/base/classes.d.ts +0 -5
  48. package/src/rich-text-editor/base/classes.js +0 -5
  49. package/src/rich-text-editor/base/constant.d.ts +5 -0
  50. package/src/rich-text-editor/base/constant.js +5 -0
  51. package/src/rich-text-editor/base/interface.d.ts +36 -2
  52. package/src/rich-text-editor/base/rich-text-editor-model.d.ts +2 -2
  53. package/src/rich-text-editor/base/rich-text-editor.d.ts +4 -3
  54. package/src/rich-text-editor/base/rich-text-editor.js +83 -62
  55. package/src/rich-text-editor/base/util.js +8 -2
  56. package/src/rich-text-editor/models/default-locale.js +15 -12
  57. package/src/rich-text-editor/models/toolbar-settings-model.d.ts +1 -1
  58. package/src/rich-text-editor/models/toolbar-settings.d.ts +1 -1
  59. package/src/rich-text-editor/models/toolbar-settings.js +1 -1
  60. package/src/rich-text-editor/renderer/iframe-content-renderer.js +2 -1
  61. package/src/rich-text-editor/renderer/image-module.d.ts +8 -1
  62. package/src/rich-text-editor/renderer/image-module.js +148 -155
  63. package/src/rich-text-editor/renderer/table-module.d.ts +2 -0
  64. package/src/rich-text-editor/renderer/table-module.js +71 -8
  65. package/src/rich-text-editor/renderer/toolbar-renderer.d.ts +3 -0
  66. package/src/rich-text-editor/renderer/toolbar-renderer.js +68 -11
  67. package/src/rich-text-editor/renderer/video-module.js +7 -4
  68. package/src/rich-text-editor/renderer/view-source.js +7 -4
  69. package/styles/bootstrap-dark.css +61 -17
  70. package/styles/bootstrap.css +62 -18
  71. package/styles/bootstrap4.css +62 -18
  72. package/styles/bootstrap5-dark.css +68 -17
  73. package/styles/bootstrap5.css +68 -17
  74. package/styles/fabric-dark.css +61 -17
  75. package/styles/fabric.css +62 -18
  76. package/styles/fluent-dark.css +61 -17
  77. package/styles/fluent.css +61 -17
  78. package/styles/highcontrast-light.css +61 -17
  79. package/styles/highcontrast.css +62 -18
  80. package/styles/material-dark.css +61 -17
  81. package/styles/material.css +61 -17
  82. package/styles/material3-dark.css +63 -19
  83. package/styles/material3.css +63 -19
  84. package/styles/rich-text-editor/_bds-definition.scss +279 -0
  85. package/styles/rich-text-editor/_bootstrap-dark-definition.scss +1 -0
  86. package/styles/rich-text-editor/_bootstrap-definition.scss +1 -1
  87. package/styles/rich-text-editor/_bootstrap4-definition.scss +3 -2
  88. package/styles/rich-text-editor/_bootstrap5-definition.scss +1 -0
  89. package/styles/rich-text-editor/_fabric-dark-definition.scss +1 -0
  90. package/styles/rich-text-editor/_fabric-definition.scss +2 -1
  91. package/styles/rich-text-editor/_fluent-definition.scss +1 -0
  92. package/styles/rich-text-editor/_fusionnew-definition.scss +1 -0
  93. package/styles/rich-text-editor/_highcontrast-definition.scss +2 -1
  94. package/styles/rich-text-editor/_highcontrast-light-definition.scss +1 -0
  95. package/styles/rich-text-editor/_layout.scss +51 -17
  96. package/styles/rich-text-editor/_material-dark-definition.scss +1 -0
  97. package/styles/rich-text-editor/_material-definition.scss +1 -0
  98. package/styles/rich-text-editor/_material3-definition.scss +1 -0
  99. package/styles/rich-text-editor/_tailwind-definition.scss +4 -3
  100. package/styles/rich-text-editor/_theme.scss +18 -5
  101. package/styles/rich-text-editor/bootstrap-dark.css +61 -17
  102. package/styles/rich-text-editor/bootstrap.css +62 -18
  103. package/styles/rich-text-editor/bootstrap4.css +62 -18
  104. package/styles/rich-text-editor/bootstrap5-dark.css +68 -17
  105. package/styles/rich-text-editor/bootstrap5.css +68 -17
  106. package/styles/rich-text-editor/fabric-dark.css +61 -17
  107. package/styles/rich-text-editor/fabric.css +62 -18
  108. package/styles/rich-text-editor/fluent-dark.css +61 -17
  109. package/styles/rich-text-editor/fluent.css +61 -17
  110. package/styles/rich-text-editor/highcontrast-light.css +61 -17
  111. package/styles/rich-text-editor/highcontrast.css +62 -18
  112. package/styles/rich-text-editor/icons/_bds.scss +351 -0
  113. package/styles/rich-text-editor/icons/_bootstrap-dark.scss +7 -4
  114. package/styles/rich-text-editor/icons/_bootstrap.scss +7 -4
  115. package/styles/rich-text-editor/icons/_bootstrap4.scss +7 -4
  116. package/styles/rich-text-editor/icons/_bootstrap5.scss +7 -4
  117. package/styles/rich-text-editor/icons/_fabric-dark.scss +7 -4
  118. package/styles/rich-text-editor/icons/_fabric.scss +7 -4
  119. package/styles/rich-text-editor/icons/_fluent.scss +7 -4
  120. package/styles/rich-text-editor/icons/_highcontrast-light.scss +7 -4
  121. package/styles/rich-text-editor/icons/_highcontrast.scss +7 -4
  122. package/styles/rich-text-editor/icons/_material-dark.scss +7 -4
  123. package/styles/rich-text-editor/icons/_material.scss +7 -4
  124. package/styles/rich-text-editor/icons/_material3.scss +7 -4
  125. package/styles/rich-text-editor/icons/_tailwind.scss +7 -4
  126. package/styles/rich-text-editor/material-dark.css +61 -17
  127. package/styles/rich-text-editor/material.css +61 -17
  128. package/styles/rich-text-editor/material3-dark.css +63 -19
  129. package/styles/rich-text-editor/material3.css +63 -19
  130. package/styles/rich-text-editor/tailwind-dark.css +65 -25
  131. package/styles/rich-text-editor/tailwind.css +65 -25
  132. package/styles/tailwind-dark.css +65 -25
  133. package/styles/tailwind.css +65 -25
package/styles/fluent-dark.css CHANGED
@@ -129,12 +129,14 @@
129
129
  content: "\e895";
130
130
  }
131
131
  .e-rte-toolbar .e-replace::before,
132
+ .e-rte-dropdown-popup .e-replace::before {
133
+ content: "\e710";
134
+ }
132
135
  .e-rte-toolbar .e-audio-replace::before,
133
136
  .e-rte-toolbar .e-video-replace::before,
134
- .e-rte-dropdown-popup .e-replace::before,
135
137
  .e-rte-dropdown-popup .e-audio-replace::before,
136
138
  .e-rte-dropdown-popup .e-video-replace::before {
137
- content: "\e710";
139
+ content: "\e772";
138
140
  }
139
141
  .e-rte-toolbar .e-align::before,
140
142
  .e-rte-dropdown-popup .e-align::before {
@@ -224,11 +226,11 @@
224
226
  }
225
227
  .e-rte-toolbar .e-table-header::before,
226
228
  .e-rte-dropdown-popup .e-table-header::before {
227
- content: "\e7e9";
229
+ content: "\e8f4";
228
230
  }
229
231
  .e-rte-toolbar .e-table-remove::before,
230
232
  .e-rte-dropdown-popup .e-table-remove::before {
231
- content: "\e820";
233
+ content: "\e811";
232
234
  }
233
235
  .e-rte-toolbar .e-table-rows::before,
234
236
  .e-rte-dropdown-popup .e-table-rows::before {
@@ -533,6 +535,14 @@
533
535
  .e-richtexteditor.e-bigger .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
534
536
  top: -120px;
535
537
  }
538
+ .e-bigger .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control,
539
+ .e-richtexteditor.e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
540
+ padding: 0 8px;
541
+ }
542
+ .e-bigger .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover,
543
+ .e-richtexteditor.e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
544
+ padding: 0 8px;
545
+ }
536
546
 
537
547
  .e-richtexteditor {
538
548
  color: #f3f2f1;
@@ -777,15 +787,6 @@
777
787
  display: block;
778
788
  z-index: 101;
779
789
  }
780
- .e-richtexteditor .e-rte-toolbar.e-rte-tb-float,
781
- .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar.e-rte-tb-float {
782
- position: fixed;
783
- top: 0;
784
- }
785
- .e-richtexteditor .e-rte-toolbar.e-rte-tb-float.e-rte-tb-abs-float,
786
- .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar.e-rte-tb-float.e-rte-tb-abs-float {
787
- position: absolute;
788
- }
789
790
  .e-richtexteditor .rte-placeholder {
790
791
  color: #f3f2f1;
791
792
  line-height: 1.5;
@@ -811,6 +812,8 @@
811
812
  }
812
813
  .e-richtexteditor .e-rte-content .e-content,
813
814
  .e-richtexteditor .e-source-content .e-content {
815
+ width: 100%;
816
+ float: left;
814
817
  background: unset;
815
818
  box-sizing: border-box;
816
819
  height: 100%;
@@ -831,6 +834,12 @@
831
834
  .e-richtexteditor .e-source-content .e-content li {
832
835
  margin-bottom: 10px;
833
836
  }
837
+ .e-richtexteditor .e-rte-content .e-content li ol,
838
+ .e-richtexteditor .e-rte-content .e-content li ul,
839
+ .e-richtexteditor .e-source-content .e-content li ol,
840
+ .e-richtexteditor .e-source-content .e-content li ul {
841
+ margin-block-start: 10px;
842
+ }
834
843
  .e-richtexteditor .e-rte-content .e-content h1,
835
844
  .e-richtexteditor .e-source-content .e-content h1 {
836
845
  font-size: 2.17em;
@@ -937,6 +946,7 @@
937
946
  position: absolute;
938
947
  right: 0;
939
948
  z-index: 100;
949
+ pointer-events: none;
940
950
  }
941
951
  .e-richtexteditor .e-rte-character-count.e-warning {
942
952
  color: #ca5010;
@@ -1251,13 +1261,11 @@
1251
1261
  }
1252
1262
 
1253
1263
  .e-rte-img-caption .e-rte-image.e-imgright {
1254
- float: none;
1255
1264
  margin-left: auto;
1256
1265
  margin-right: 0;
1257
1266
  }
1258
1267
 
1259
1268
  .e-rte-img-caption .e-rte-image.e-imgleft {
1260
- float: none;
1261
1269
  margin: 0;
1262
1270
  }
1263
1271
 
@@ -1276,6 +1284,7 @@
1276
1284
  height: 20px;
1277
1285
  min-width: 20px;
1278
1286
  padding: 2px 5px;
1287
+ box-sizing: border-box;
1279
1288
  }
1280
1289
 
1281
1290
  .e-rte-table.e-dashed-border td,
@@ -1296,13 +1305,20 @@
1296
1305
  }
1297
1306
 
1298
1307
  .e-rte-img-caption.e-imgleft .e-img-inner {
1308
+ float: left;
1299
1309
  text-align: left;
1300
1310
  }
1301
1311
 
1302
1312
  .e-rte-img-caption.e-imgright .e-img-inner {
1313
+ float: right;
1303
1314
  text-align: right;
1304
1315
  }
1305
1316
 
1317
+ .e-rte-img-caption.e-imgleft .e-img-wrap,
1318
+ .e-rte-img-caption.e-imgright .e-img-wrap {
1319
+ display: contents;
1320
+ }
1321
+
1306
1322
  .e-rte-img-caption .e-img-wrap {
1307
1323
  display: inline-block;
1308
1324
  margin: auto;
@@ -1558,7 +1574,7 @@
1558
1574
  .e-rte-elements .e-rte-content .e-content table td.e-cell-select,
1559
1575
  .e-rte-elements .e-rte-content .e-content table th.e-cell-select {
1560
1576
  border: 1px double #0078d4;
1561
- height: 24.67px;
1577
+ height: inherit;
1562
1578
  }
1563
1579
  .e-richtexteditor span.e-table-box,
1564
1580
  .e-rte-elements span.e-table-box {
@@ -2665,6 +2681,31 @@
2665
2681
  visibility: hidden;
2666
2682
  }
2667
2683
 
2684
+ .e-richtexteditor .e-toolbar-wrapper.e-rte-tb-float,
2685
+ .e-richtexteditor .e-toolbar-container.e-rte-tb-float {
2686
+ position: sticky;
2687
+ top: 0;
2688
+ overflow: visible;
2689
+ }
2690
+ .e-richtexteditor .e-toolbar-wrapper,
2691
+ .e-richtexteditor .e-toolbar-container {
2692
+ height: auto;
2693
+ z-index: 10;
2694
+ }
2695
+ .e-richtexteditor .e-toolbar .e-toolbar-pop.e-toolbar-extended {
2696
+ position: relative;
2697
+ width: 100%;
2698
+ top: 0 !important; /* stylelint-disable-line declaration-no-important */
2699
+ left: 0 !important; /* stylelint-disable-line declaration-no-important */
2700
+ }
2701
+ .e-richtexteditor .e-toolbar .e-toolbar-pop.e-toolbar-extended.e-popup-open {
2702
+ display: block;
2703
+ }
2704
+
2705
+ .e-rte-picker-init {
2706
+ display: none !important; /* stylelint-disable-line declaration-no-important */
2707
+ }
2708
+
2668
2709
  /*! tab layout */
2669
2710
  .e-richtexteditor .e-rte-toolbar {
2670
2711
  border: 1px solid #292827;
@@ -2781,6 +2822,9 @@
2781
2822
  .e-richtexteditor .e-toolbar-wrapper .e-rte-toolbar:not(.e-rte-tb-float) {
2782
2823
  border-bottom: 1px solid #292827;
2783
2824
  }
2825
+ .e-richtexteditor .e-toolbar-wrapper.e-rte-tb-float .e-rte-toolbar {
2826
+ border-top: 1px solid #292827;
2827
+ }
2784
2828
  .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
2785
2829
  border: 0;
2786
2830
  }
@@ -3103,7 +3147,7 @@ span.e-rte-videoboxmark {
3103
3147
  }
3104
3148
 
3105
3149
  .e-dropdown-popup ul .e-item.e-active {
3106
- background-color: #292827;
3150
+ background: #292827;
3107
3151
  color: #fff;
3108
3152
  }
3109
3153
 
package/styles/fluent.css CHANGED
@@ -129,12 +129,14 @@
129
129
  content: "\e895";
130
130
  }
131
131
  .e-rte-toolbar .e-replace::before,
132
+ .e-rte-dropdown-popup .e-replace::before {
133
+ content: "\e710";
134
+ }
132
135
  .e-rte-toolbar .e-audio-replace::before,
133
136
  .e-rte-toolbar .e-video-replace::before,
134
- .e-rte-dropdown-popup .e-replace::before,
135
137
  .e-rte-dropdown-popup .e-audio-replace::before,
136
138
  .e-rte-dropdown-popup .e-video-replace::before {
137
- content: "\e710";
139
+ content: "\e772";
138
140
  }
139
141
  .e-rte-toolbar .e-align::before,
140
142
  .e-rte-dropdown-popup .e-align::before {
@@ -224,11 +226,11 @@
224
226
  }
225
227
  .e-rte-toolbar .e-table-header::before,
226
228
  .e-rte-dropdown-popup .e-table-header::before {
227
- content: "\e7e9";
229
+ content: "\e8f4";
228
230
  }
229
231
  .e-rte-toolbar .e-table-remove::before,
230
232
  .e-rte-dropdown-popup .e-table-remove::before {
231
- content: "\e820";
233
+ content: "\e811";
232
234
  }
233
235
  .e-rte-toolbar .e-table-rows::before,
234
236
  .e-rte-dropdown-popup .e-table-rows::before {
@@ -533,6 +535,14 @@
533
535
  .e-richtexteditor.e-bigger .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
534
536
  top: -120px;
535
537
  }
538
+ .e-bigger .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control,
539
+ .e-richtexteditor.e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
540
+ padding: 0 8px;
541
+ }
542
+ .e-bigger .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover,
543
+ .e-richtexteditor.e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
544
+ padding: 0 8px;
545
+ }
536
546
 
537
547
  .e-richtexteditor {
538
548
  color: #201f1e;
@@ -777,15 +787,6 @@
777
787
  display: block;
778
788
  z-index: 101;
779
789
  }
780
- .e-richtexteditor .e-rte-toolbar.e-rte-tb-float,
781
- .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar.e-rte-tb-float {
782
- position: fixed;
783
- top: 0;
784
- }
785
- .e-richtexteditor .e-rte-toolbar.e-rte-tb-float.e-rte-tb-abs-float,
786
- .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar.e-rte-tb-float.e-rte-tb-abs-float {
787
- position: absolute;
788
- }
789
790
  .e-richtexteditor .rte-placeholder {
790
791
  color: #201f1e;
791
792
  line-height: 1.5;
@@ -811,6 +812,8 @@
811
812
  }
812
813
  .e-richtexteditor .e-rte-content .e-content,
813
814
  .e-richtexteditor .e-source-content .e-content {
815
+ width: 100%;
816
+ float: left;
814
817
  background: unset;
815
818
  box-sizing: border-box;
816
819
  height: 100%;
@@ -831,6 +834,12 @@
831
834
  .e-richtexteditor .e-source-content .e-content li {
832
835
  margin-bottom: 10px;
833
836
  }
837
+ .e-richtexteditor .e-rte-content .e-content li ol,
838
+ .e-richtexteditor .e-rte-content .e-content li ul,
839
+ .e-richtexteditor .e-source-content .e-content li ol,
840
+ .e-richtexteditor .e-source-content .e-content li ul {
841
+ margin-block-start: 10px;
842
+ }
834
843
  .e-richtexteditor .e-rte-content .e-content h1,
835
844
  .e-richtexteditor .e-source-content .e-content h1 {
836
845
  font-size: 2.17em;
@@ -937,6 +946,7 @@
937
946
  position: absolute;
938
947
  right: 0;
939
948
  z-index: 100;
949
+ pointer-events: none;
940
950
  }
941
951
  .e-richtexteditor .e-rte-character-count.e-warning {
942
952
  color: #ca5010;
@@ -1251,13 +1261,11 @@
1251
1261
  }
1252
1262
 
1253
1263
  .e-rte-img-caption .e-rte-image.e-imgright {
1254
- float: none;
1255
1264
  margin-left: auto;
1256
1265
  margin-right: 0;
1257
1266
  }
1258
1267
 
1259
1268
  .e-rte-img-caption .e-rte-image.e-imgleft {
1260
- float: none;
1261
1269
  margin: 0;
1262
1270
  }
1263
1271
 
@@ -1276,6 +1284,7 @@
1276
1284
  height: 20px;
1277
1285
  min-width: 20px;
1278
1286
  padding: 2px 5px;
1287
+ box-sizing: border-box;
1279
1288
  }
1280
1289
 
1281
1290
  .e-rte-table.e-dashed-border td,
@@ -1296,13 +1305,20 @@
1296
1305
  }
1297
1306
 
1298
1307
  .e-rte-img-caption.e-imgleft .e-img-inner {
1308
+ float: left;
1299
1309
  text-align: left;
1300
1310
  }
1301
1311
 
1302
1312
  .e-rte-img-caption.e-imgright .e-img-inner {
1313
+ float: right;
1303
1314
  text-align: right;
1304
1315
  }
1305
1316
 
1317
+ .e-rte-img-caption.e-imgleft .e-img-wrap,
1318
+ .e-rte-img-caption.e-imgright .e-img-wrap {
1319
+ display: contents;
1320
+ }
1321
+
1306
1322
  .e-rte-img-caption .e-img-wrap {
1307
1323
  display: inline-block;
1308
1324
  margin: auto;
@@ -1558,7 +1574,7 @@
1558
1574
  .e-rte-elements .e-rte-content .e-content table td.e-cell-select,
1559
1575
  .e-rte-elements .e-rte-content .e-content table th.e-cell-select {
1560
1576
  border: 1px double #0078d4;
1561
- height: 24.67px;
1577
+ height: inherit;
1562
1578
  }
1563
1579
  .e-richtexteditor span.e-table-box,
1564
1580
  .e-rte-elements span.e-table-box {
@@ -2665,6 +2681,31 @@
2665
2681
  visibility: hidden;
2666
2682
  }
2667
2683
 
2684
+ .e-richtexteditor .e-toolbar-wrapper.e-rte-tb-float,
2685
+ .e-richtexteditor .e-toolbar-container.e-rte-tb-float {
2686
+ position: sticky;
2687
+ top: 0;
2688
+ overflow: visible;
2689
+ }
2690
+ .e-richtexteditor .e-toolbar-wrapper,
2691
+ .e-richtexteditor .e-toolbar-container {
2692
+ height: auto;
2693
+ z-index: 10;
2694
+ }
2695
+ .e-richtexteditor .e-toolbar .e-toolbar-pop.e-toolbar-extended {
2696
+ position: relative;
2697
+ width: 100%;
2698
+ top: 0 !important; /* stylelint-disable-line declaration-no-important */
2699
+ left: 0 !important; /* stylelint-disable-line declaration-no-important */
2700
+ }
2701
+ .e-richtexteditor .e-toolbar .e-toolbar-pop.e-toolbar-extended.e-popup-open {
2702
+ display: block;
2703
+ }
2704
+
2705
+ .e-rte-picker-init {
2706
+ display: none !important; /* stylelint-disable-line declaration-no-important */
2707
+ }
2708
+
2668
2709
  /*! tab layout */
2669
2710
  .e-richtexteditor .e-rte-toolbar {
2670
2711
  border: 1px solid #edebe9;
@@ -2781,6 +2822,9 @@
2781
2822
  .e-richtexteditor .e-toolbar-wrapper .e-rte-toolbar:not(.e-rte-tb-float) {
2782
2823
  border-bottom: 1px solid #edebe9;
2783
2824
  }
2825
+ .e-richtexteditor .e-toolbar-wrapper.e-rte-tb-float .e-rte-toolbar {
2826
+ border-top: 1px solid #edebe9;
2827
+ }
2784
2828
  .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
2785
2829
  border: 0;
2786
2830
  }
@@ -3103,7 +3147,7 @@ span.e-rte-videoboxmark {
3103
3147
  }
3104
3148
 
3105
3149
  .e-dropdown-popup ul .e-item.e-active {
3106
- background-color: #edebe9;
3150
+ background: #edebe9;
3107
3151
  color: #323130;
3108
3152
  }
3109
3153
 
package/styles/highcontrast-light.css CHANGED
@@ -129,12 +129,14 @@
129
129
  content: "\e941";
130
130
  }
131
131
  .e-rte-toolbar .e-replace::before,
132
+ .e-rte-dropdown-popup .e-replace::before {
133
+ content: "\e359";
134
+ }
132
135
  .e-rte-toolbar .e-audio-replace::before,
133
136
  .e-rte-toolbar .e-video-replace::before,
134
- .e-rte-dropdown-popup .e-replace::before,
135
137
  .e-rte-dropdown-popup .e-audio-replace::before,
136
138
  .e-rte-dropdown-popup .e-video-replace::before {
137
- content: "\e359";
139
+ content: "\e309";
138
140
  }
139
141
  .e-rte-toolbar .e-align::before,
140
142
  .e-rte-dropdown-popup .e-align::before {
@@ -224,11 +226,11 @@
224
226
  }
225
227
  .e-rte-toolbar .e-table-header::before,
226
228
  .e-rte-dropdown-popup .e-table-header::before {
227
- content: "\e705";
229
+ content: "\e9c6";
228
230
  }
229
231
  .e-rte-toolbar .e-table-remove::before,
230
232
  .e-rte-dropdown-popup .e-table-remove::before {
231
- content: "\eb00";
233
+ content: "\e292";
232
234
  }
233
235
  .e-rte-toolbar .e-table-rows::before,
234
236
  .e-rte-dropdown-popup .e-table-rows::before {
@@ -530,6 +532,14 @@
530
532
  .e-richtexteditor.e-bigger .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
531
533
  top: -120px;
532
534
  }
535
+ .e-bigger .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control,
536
+ .e-richtexteditor.e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
537
+ padding: 0;
538
+ }
539
+ .e-bigger .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover,
540
+ .e-richtexteditor.e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
541
+ padding: 0;
542
+ }
533
543
 
534
544
  .e-richtexteditor {
535
545
  color: #fff;
@@ -772,15 +782,6 @@
772
782
  display: block;
773
783
  z-index: 101;
774
784
  }
775
- .e-richtexteditor .e-rte-toolbar.e-rte-tb-float,
776
- .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar.e-rte-tb-float {
777
- position: fixed;
778
- top: 0;
779
- }
780
- .e-richtexteditor .e-rte-toolbar.e-rte-tb-float.e-rte-tb-abs-float,
781
- .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar.e-rte-tb-float.e-rte-tb-abs-float {
782
- position: absolute;
783
- }
784
785
  .e-richtexteditor .rte-placeholder {
785
786
  color: #fff;
786
787
  line-height: 15px;
@@ -806,6 +807,8 @@
806
807
  }
807
808
  .e-richtexteditor .e-rte-content .e-content,
808
809
  .e-richtexteditor .e-source-content .e-content {
810
+ width: 100%;
811
+ float: left;
809
812
  background: unset;
810
813
  box-sizing: border-box;
811
814
  height: 100%;
@@ -826,6 +829,12 @@
826
829
  .e-richtexteditor .e-source-content .e-content li {
827
830
  margin-bottom: 10px;
828
831
  }
832
+ .e-richtexteditor .e-rte-content .e-content li ol,
833
+ .e-richtexteditor .e-rte-content .e-content li ul,
834
+ .e-richtexteditor .e-source-content .e-content li ol,
835
+ .e-richtexteditor .e-source-content .e-content li ul {
836
+ margin-block-start: 10px;
837
+ }
829
838
  .e-richtexteditor .e-rte-content .e-content h1,
830
839
  .e-richtexteditor .e-source-content .e-content h1 {
831
840
  font-size: 2.17em;
@@ -932,6 +941,7 @@
932
941
  position: absolute;
933
942
  right: 0;
934
943
  z-index: 100;
944
+ pointer-events: none;
935
945
  }
936
946
  .e-richtexteditor .e-rte-character-count.e-warning {
937
947
  color: #ffb74d;
@@ -1246,13 +1256,11 @@
1246
1256
  }
1247
1257
 
1248
1258
  .e-rte-img-caption .e-rte-image.e-imgright {
1249
- float: none;
1250
1259
  margin-left: auto;
1251
1260
  margin-right: 0;
1252
1261
  }
1253
1262
 
1254
1263
  .e-rte-img-caption .e-rte-image.e-imgleft {
1255
- float: none;
1256
1264
  margin: 0;
1257
1265
  }
1258
1266
 
@@ -1271,6 +1279,7 @@
1271
1279
  height: 20px;
1272
1280
  min-width: 20px;
1273
1281
  padding: 2px 5px;
1282
+ box-sizing: border-box;
1274
1283
  }
1275
1284
 
1276
1285
  .e-rte-table.e-dashed-border td,
@@ -1291,13 +1300,20 @@
1291
1300
  }
1292
1301
 
1293
1302
  .e-rte-img-caption.e-imgleft .e-img-inner {
1303
+ float: left;
1294
1304
  text-align: left;
1295
1305
  }
1296
1306
 
1297
1307
  .e-rte-img-caption.e-imgright .e-img-inner {
1308
+ float: right;
1298
1309
  text-align: right;
1299
1310
  }
1300
1311
 
1312
+ .e-rte-img-caption.e-imgleft .e-img-wrap,
1313
+ .e-rte-img-caption.e-imgright .e-img-wrap {
1314
+ display: contents;
1315
+ }
1316
+
1301
1317
  .e-rte-img-caption .e-img-wrap {
1302
1318
  display: inline-block;
1303
1319
  margin: auto;
@@ -1552,7 +1568,7 @@
1552
1568
  .e-rte-elements .e-rte-content .e-content table td.e-cell-select,
1553
1569
  .e-rte-elements .e-rte-content .e-content table th.e-cell-select {
1554
1570
  border: 1px double #0478d7;
1555
- height: 24.67px;
1571
+ height: inherit;
1556
1572
  }
1557
1573
  .e-richtexteditor span.e-table-box,
1558
1574
  .e-rte-elements span.e-table-box {
@@ -2617,6 +2633,31 @@
2617
2633
  visibility: hidden;
2618
2634
  }
2619
2635
 
2636
+ .e-richtexteditor .e-toolbar-wrapper.e-rte-tb-float,
2637
+ .e-richtexteditor .e-toolbar-container.e-rte-tb-float {
2638
+ position: sticky;
2639
+ top: 0;
2640
+ overflow: visible;
2641
+ }
2642
+ .e-richtexteditor .e-toolbar-wrapper,
2643
+ .e-richtexteditor .e-toolbar-container {
2644
+ height: auto;
2645
+ z-index: 10;
2646
+ }
2647
+ .e-richtexteditor .e-toolbar .e-toolbar-pop.e-toolbar-extended {
2648
+ position: relative;
2649
+ width: 100%;
2650
+ top: 0 !important; /* stylelint-disable-line declaration-no-important */
2651
+ left: 0 !important; /* stylelint-disable-line declaration-no-important */
2652
+ }
2653
+ .e-richtexteditor .e-toolbar .e-toolbar-pop.e-toolbar-extended.e-popup-open {
2654
+ display: block;
2655
+ }
2656
+
2657
+ .e-rte-picker-init {
2658
+ display: none !important; /* stylelint-disable-line declaration-no-important */
2659
+ }
2660
+
2620
2661
  /*! tab layout */
2621
2662
  .e-richtexteditor .e-rte-toolbar {
2622
2663
  border: 1px solid #000;
@@ -2733,6 +2774,9 @@
2733
2774
  .e-richtexteditor .e-toolbar-wrapper .e-rte-toolbar:not(.e-rte-tb-float) {
2734
2775
  border-bottom: 1px solid #000;
2735
2776
  }
2777
+ .e-richtexteditor .e-toolbar-wrapper.e-rte-tb-float .e-rte-toolbar {
2778
+ border-top: 1px solid #000;
2779
+ }
2736
2780
  .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
2737
2781
  border: 0;
2738
2782
  }
@@ -3049,7 +3093,7 @@ span.e-rte-videoboxmark {
3049
3093
  }
3050
3094
 
3051
3095
  .e-dropdown-popup ul .e-item.e-active {
3052
- background-color: #400074;
3096
+ background: #400074;
3053
3097
  color: #fff;
3054
3098
  }
3055
3099