@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/highcontrast.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;
@@ -1360,7 +1376,7 @@
1360
1376
  }
1361
1377
  .e-richtexteditor .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon,
1362
1378
  .e-rte-elements .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
1363
- min-width: 36px;
1379
+ min-width: 100%;
1364
1380
  }
1365
1381
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover,
1366
1382
  .e-rte-elements .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
@@ -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 #fff;
@@ -2727,6 +2768,9 @@
2727
2768
  .e-richtexteditor .e-toolbar-wrapper .e-rte-toolbar:not(.e-rte-tb-float) {
2728
2769
  border-bottom: 1px solid #fff;
2729
2770
  }
2771
+ .e-richtexteditor .e-toolbar-wrapper.e-rte-tb-float .e-rte-toolbar {
2772
+ border-top: 1px solid #fff;
2773
+ }
2730
2774
  .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
2731
2775
  border: 0;
2732
2776
  }
@@ -3047,7 +3091,7 @@ span.e-rte-videoboxmark {
3047
3091
  }
3048
3092
 
3049
3093
  .e-dropdown-popup ul .e-item.e-active {
3050
- background-color: #ffd939;
3094
+ background: #ffd939;
3051
3095
  color: #000;
3052
3096
  }
3053
3097
 
package/styles/material-dark.css CHANGED
@@ -129,12 +129,14 @@
129
129
  content: "\e94b";
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: "\e308";
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: "\e9b8";
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 6px;
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 6px;
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: 16px;
@@ -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: #ff9800;
@@ -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 {
@@ -2623,6 +2639,31 @@
2623
2639
  visibility: hidden;
2624
2640
  }
2625
2641
 
2642
+ .e-richtexteditor .e-toolbar-wrapper.e-rte-tb-float,
2643
+ .e-richtexteditor .e-toolbar-container.e-rte-tb-float {
2644
+ position: sticky;
2645
+ top: 0;
2646
+ overflow: visible;
2647
+ }
2648
+ .e-richtexteditor .e-toolbar-wrapper,
2649
+ .e-richtexteditor .e-toolbar-container {
2650
+ height: auto;
2651
+ z-index: 10;
2652
+ }
2653
+ .e-richtexteditor .e-toolbar .e-toolbar-pop.e-toolbar-extended {
2654
+ position: relative;
2655
+ width: 100%;
2656
+ top: 0 !important; /* stylelint-disable-line declaration-no-important */
2657
+ left: 0 !important; /* stylelint-disable-line declaration-no-important */
2658
+ }
2659
+ .e-richtexteditor .e-toolbar .e-toolbar-pop.e-toolbar-extended.e-popup-open {
2660
+ display: block;
2661
+ }
2662
+
2663
+ .e-rte-picker-init {
2664
+ display: none !important; /* stylelint-disable-line declaration-no-important */
2665
+ }
2666
+
2626
2667
  /*! tab layout */
2627
2668
  .e-richtexteditor .e-rte-toolbar {
2628
2669
  border: 1px solid #616161;
@@ -2739,6 +2780,9 @@
2739
2780
  .e-richtexteditor .e-toolbar-wrapper .e-rte-toolbar:not(.e-rte-tb-float) {
2740
2781
  border-bottom: 1px solid #616161;
2741
2782
  }
2783
+ .e-richtexteditor .e-toolbar-wrapper.e-rte-tb-float .e-rte-toolbar {
2784
+ border-top: 1px solid #616161;
2785
+ }
2742
2786
  .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
2743
2787
  border: 0;
2744
2788
  }
@@ -3059,7 +3103,7 @@ span.e-rte-videoboxmark {
3059
3103
  }
3060
3104
 
3061
3105
  .e-dropdown-popup ul .e-item.e-active {
3062
- background-color: rgba(255, 255, 255, 0.18);
3106
+ background: rgba(255, 255, 255, 0.18);
3063
3107
  color: #fff;
3064
3108
  }
3065
3109
 
package/styles/material.css CHANGED
@@ -129,12 +129,14 @@
129
129
  content: "\e94b";
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: "\e308";
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: "\e9b8";
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 6px;
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 6px;
542
+ }
533
543
 
534
544
  .e-richtexteditor {
535
545
  color: #333;
@@ -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: #333;
786
787
  line-height: 16px;
@@ -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 {
@@ -2623,6 +2639,31 @@
2623
2639
  visibility: hidden;
2624
2640
  }
2625
2641
 
2642
+ .e-richtexteditor .e-toolbar-wrapper.e-rte-tb-float,
2643
+ .e-richtexteditor .e-toolbar-container.e-rte-tb-float {
2644
+ position: sticky;
2645
+ top: 0;
2646
+ overflow: visible;
2647
+ }
2648
+ .e-richtexteditor .e-toolbar-wrapper,
2649
+ .e-richtexteditor .e-toolbar-container {
2650
+ height: auto;
2651
+ z-index: 10;
2652
+ }
2653
+ .e-richtexteditor .e-toolbar .e-toolbar-pop.e-toolbar-extended {
2654
+ position: relative;
2655
+ width: 100%;
2656
+ top: 0 !important; /* stylelint-disable-line declaration-no-important */
2657
+ left: 0 !important; /* stylelint-disable-line declaration-no-important */
2658
+ }
2659
+ .e-richtexteditor .e-toolbar .e-toolbar-pop.e-toolbar-extended.e-popup-open {
2660
+ display: block;
2661
+ }
2662
+
2663
+ .e-rte-picker-init {
2664
+ display: none !important; /* stylelint-disable-line declaration-no-important */
2665
+ }
2666
+
2626
2667
  /*! tab layout */
2627
2668
  .e-richtexteditor .e-rte-toolbar {
2628
2669
  border: 1px solid rgba(0, 0, 0, 0.12);
@@ -2739,6 +2780,9 @@
2739
2780
  .e-richtexteditor .e-toolbar-wrapper .e-rte-toolbar:not(.e-rte-tb-float) {
2740
2781
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
2741
2782
  }
2783
+ .e-richtexteditor .e-toolbar-wrapper.e-rte-tb-float .e-rte-toolbar {
2784
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
2785
+ }
2742
2786
  .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
2743
2787
  border: 0;
2744
2788
  }
@@ -3059,7 +3103,7 @@ span.e-rte-videoboxmark {
3059
3103
  }
3060
3104
 
3061
3105
  .e-dropdown-popup ul .e-item.e-active {
3062
- background-color: #bdbdbd;
3106
+ background: #bdbdbd;
3063
3107
  color: rgba(0, 0, 0, 0.87);
3064
3108
  }
3065
3109