@syncfusion/ej2-richtexteditor 24.2.3 → 24.2.7

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 (93) hide show
  1. package/CHANGELOG.md +43 -5
  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 +485 -193
  6. package/dist/es6/ej2-richtexteditor.es2015.js.map +1 -1
  7. package/dist/es6/ej2-richtexteditor.es5.js +472 -186
  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 +12 -12
  13. package/src/common/util.d.ts +6 -0
  14. package/src/common/util.js +31 -1
  15. package/src/editor-manager/plugin/formats.d.ts +1 -0
  16. package/src/editor-manager/plugin/formats.js +37 -2
  17. package/src/editor-manager/plugin/inserthtml.js +22 -4
  18. package/src/editor-manager/plugin/lists.js +14 -1
  19. package/src/editor-manager/plugin/ms-word-clean-up.js +87 -18
  20. package/src/editor-manager/plugin/nodecutter.js +1 -1
  21. package/src/editor-manager/plugin/selection-commands.d.ts +1 -0
  22. package/src/editor-manager/plugin/selection-commands.js +56 -1
  23. package/src/editor-manager/plugin/table.js +1 -1
  24. package/src/rich-text-editor/actions/base-quick-toolbar.js +2 -2
  25. package/src/rich-text-editor/actions/enter-key.js +2 -2
  26. package/src/rich-text-editor/actions/html-editor.js +25 -12
  27. package/src/rich-text-editor/actions/paste-clean-up.d.ts +1 -0
  28. package/src/rich-text-editor/actions/paste-clean-up.js +26 -5
  29. package/src/rich-text-editor/actions/toolbar-action.js +1 -1
  30. package/src/rich-text-editor/actions/toolbar.js +1 -1
  31. package/src/rich-text-editor/base/interface.d.ts +0 -8
  32. package/src/rich-text-editor/base/rich-text-editor-model.d.ts +1 -1
  33. package/src/rich-text-editor/base/rich-text-editor.d.ts +1 -1
  34. package/src/rich-text-editor/base/rich-text-editor.js +16 -6
  35. package/src/rich-text-editor/base/util.js +3 -0
  36. package/src/rich-text-editor/models/default-locale.js +8 -7
  37. package/src/rich-text-editor/renderer/iframe-content-renderer.js +1 -1
  38. package/src/rich-text-editor/renderer/image-module.js +3 -3
  39. package/src/rich-text-editor/renderer/table-module.d.ts +1 -0
  40. package/src/rich-text-editor/renderer/table-module.js +106 -98
  41. package/src/rich-text-editor/renderer/video-module.d.ts +2 -0
  42. package/src/rich-text-editor/renderer/video-module.js +33 -26
  43. package/src/selection/selection.js +3 -0
  44. package/styles/bootstrap-dark.css +25 -9
  45. package/styles/bootstrap.css +25 -9
  46. package/styles/bootstrap4.css +30 -14
  47. package/styles/bootstrap5-dark.css +25 -9
  48. package/styles/bootstrap5.css +25 -9
  49. package/styles/fabric-dark.css +25 -9
  50. package/styles/fabric.css +25 -9
  51. package/styles/fluent-dark.css +27 -11
  52. package/styles/fluent.css +27 -11
  53. package/styles/highcontrast-light.css +25 -9
  54. package/styles/highcontrast.css +25 -9
  55. package/styles/material-dark.css +25 -9
  56. package/styles/material.css +25 -9
  57. package/styles/material3-dark.css +33 -11
  58. package/styles/material3.css +33 -11
  59. package/styles/rich-text-editor/_bootstrap-dark-definition.scss +4 -2
  60. package/styles/rich-text-editor/_bootstrap-definition.scss +4 -2
  61. package/styles/rich-text-editor/_bootstrap4-definition.scss +8 -6
  62. package/styles/rich-text-editor/_bootstrap5-definition.scss +4 -2
  63. package/styles/rich-text-editor/_fabric-dark-definition.scss +4 -2
  64. package/styles/rich-text-editor/_fabric-definition.scss +4 -2
  65. package/styles/rich-text-editor/_fluent-definition.scss +5 -3
  66. package/styles/rich-text-editor/_fusionnew-definition.scss +4 -2
  67. package/styles/rich-text-editor/_highcontrast-definition.scss +4 -2
  68. package/styles/rich-text-editor/_highcontrast-light-definition.scss +4 -2
  69. package/styles/rich-text-editor/_layout.scss +38 -7
  70. package/styles/rich-text-editor/_material-dark-definition.scss +4 -2
  71. package/styles/rich-text-editor/_material-definition.scss +4 -2
  72. package/styles/rich-text-editor/_material3-definition.scss +5 -3
  73. package/styles/rich-text-editor/_tailwind-definition.scss +21 -19
  74. package/styles/rich-text-editor/_theme.scss +21 -3
  75. package/styles/rich-text-editor/bootstrap-dark.css +25 -9
  76. package/styles/rich-text-editor/bootstrap.css +25 -9
  77. package/styles/rich-text-editor/bootstrap4.css +30 -14
  78. package/styles/rich-text-editor/bootstrap5-dark.css +25 -9
  79. package/styles/rich-text-editor/bootstrap5.css +25 -9
  80. package/styles/rich-text-editor/fabric-dark.css +25 -9
  81. package/styles/rich-text-editor/fabric.css +25 -9
  82. package/styles/rich-text-editor/fluent-dark.css +27 -11
  83. package/styles/rich-text-editor/fluent.css +27 -11
  84. package/styles/rich-text-editor/highcontrast-light.css +25 -9
  85. package/styles/rich-text-editor/highcontrast.css +25 -9
  86. package/styles/rich-text-editor/material-dark.css +25 -9
  87. package/styles/rich-text-editor/material.css +25 -9
  88. package/styles/rich-text-editor/material3-dark.css +33 -11
  89. package/styles/rich-text-editor/material3.css +33 -11
  90. package/styles/rich-text-editor/tailwind-dark.css +68 -32
  91. package/styles/rich-text-editor/tailwind.css +68 -32
  92. package/styles/tailwind-dark.css +68 -32
  93. package/styles/tailwind.css +68 -32
package/styles/fluent.css CHANGED
@@ -525,6 +525,14 @@
525
525
  .e-richtexteditor.e-bigger .e-rte-content .e-content {
526
526
  font-size: 16px;
527
527
  }
528
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
529
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
530
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
531
+ .e-richtexteditor.e-bigger .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
532
+ .e-richtexteditor.e-bigger .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
533
+ .e-richtexteditor.e-bigger .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
534
+ top: -120px;
535
+ }
528
536
 
529
537
  .e-richtexteditor {
530
538
  color: #201f1e;
@@ -1166,6 +1174,8 @@
1166
1174
  .e-rte-image.e-imginline,
1167
1175
  .e-rte-audio.e-audio-inline,
1168
1176
  .e-rte-video.e-video-inline {
1177
+ margin-left: 5px;
1178
+ margin-right: 5px;
1169
1179
  display: inline-block;
1170
1180
  float: none;
1171
1181
  max-width: calc(100% - 10px);
@@ -1223,19 +1233,19 @@
1223
1233
  }
1224
1234
 
1225
1235
  .e-rte-img-caption.e-imgcenter {
1226
- display: block;
1236
+ display: contents;
1227
1237
  margin-left: auto;
1228
1238
  margin-right: auto;
1229
1239
  }
1230
1240
 
1231
1241
  .e-rte-img-caption.e-imgright {
1232
- display: block;
1242
+ display: contents;
1233
1243
  margin-left: auto;
1234
1244
  margin-right: 0;
1235
1245
  }
1236
1246
 
1237
1247
  .e-rte-img-caption.e-imgleft {
1238
- display: block;
1248
+ display: contents;
1239
1249
  margin-left: 0;
1240
1250
  margin-right: auto;
1241
1251
  }
@@ -1252,7 +1262,7 @@
1252
1262
  }
1253
1263
 
1254
1264
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1255
- display: block;
1265
+ display: contents;
1256
1266
  }
1257
1267
 
1258
1268
  .e-rte-table {
@@ -1437,14 +1447,14 @@
1437
1447
  margin: 0 auto;
1438
1448
  padding: 0 18px;
1439
1449
  position: relative;
1440
- top: -50px;
1450
+ top: -120px;
1441
1451
  outline: none;
1442
1452
  }
1443
1453
  .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1444
1454
  .e-richtexteditor .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
1445
1455
  .e-rte-elements .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1446
1456
  .e-rte-elements .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1447
- top: -130px;
1457
+ top: -120px;
1448
1458
  }
1449
1459
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
1450
1460
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
@@ -2634,7 +2644,7 @@
2634
2644
  margin: 0 auto;
2635
2645
  padding: 0 18px;
2636
2646
  position: relative;
2637
- top: -50px;
2647
+ top: -120px;
2638
2648
  outline: none;
2639
2649
  }
2640
2650
  .e-rte-elements.e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
@@ -2653,7 +2663,7 @@
2653
2663
  border-bottom: 0;
2654
2664
  }
2655
2665
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
2656
- color: #a19f9d;
2666
+ color: #605e5c;
2657
2667
  }
2658
2668
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn, .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn:focus {
2659
2669
  background: #d2d0ce;
@@ -2749,7 +2759,7 @@
2749
2759
  color: #605e5c;
2750
2760
  }
2751
2761
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
2752
- color: #a19f9d;
2762
+ color: #605e5c;
2753
2763
  }
2754
2764
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-dropdown-btn.e-active {
2755
2765
  background: #d2d0ce;
@@ -2984,14 +2994,20 @@
2984
2994
  display: block;
2985
2995
  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
2986
2996
  font-size: 14px;
2987
- height: 185px;
2997
+ height: 128px;
2988
2998
  margin: 0 auto;
2989
2999
  text-align: center;
2990
3000
  width: auto;
2991
3001
  }
2992
3002
 
2993
3003
  .e-dialog .e-vid-uploadwrap .e-droptext {
2994
- height: 108px;
3004
+ height: 128px;
3005
+ }
3006
+
3007
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap .e-droptext,
3008
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap .e-droptext,
3009
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap .e-droptext {
3010
+ height: 140px;
2995
3011
  }
2996
3012
 
2997
3013
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
package/styles/highcontrast-light.css CHANGED
@@ -522,6 +522,14 @@
522
522
  .e-richtexteditor.e-bigger .e-rte-content .e-content {
523
523
  font-size: 16px;
524
524
  }
525
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
526
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
527
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
528
+ .e-richtexteditor.e-bigger .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
529
+ .e-richtexteditor.e-bigger .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
530
+ .e-richtexteditor.e-bigger .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
531
+ top: -120px;
532
+ }
525
533
 
526
534
  .e-richtexteditor {
527
535
  color: #fff;
@@ -1161,6 +1169,8 @@
1161
1169
  .e-rte-image.e-imginline,
1162
1170
  .e-rte-audio.e-audio-inline,
1163
1171
  .e-rte-video.e-video-inline {
1172
+ margin-left: 5px;
1173
+ margin-right: 5px;
1164
1174
  display: inline-block;
1165
1175
  float: none;
1166
1176
  max-width: calc(100% - 10px);
@@ -1218,19 +1228,19 @@
1218
1228
  }
1219
1229
 
1220
1230
  .e-rte-img-caption.e-imgcenter {
1221
- display: block;
1231
+ display: contents;
1222
1232
  margin-left: auto;
1223
1233
  margin-right: auto;
1224
1234
  }
1225
1235
 
1226
1236
  .e-rte-img-caption.e-imgright {
1227
- display: block;
1237
+ display: contents;
1228
1238
  margin-left: auto;
1229
1239
  margin-right: 0;
1230
1240
  }
1231
1241
 
1232
1242
  .e-rte-img-caption.e-imgleft {
1233
- display: block;
1243
+ display: contents;
1234
1244
  margin-left: 0;
1235
1245
  margin-right: auto;
1236
1246
  }
@@ -1247,7 +1257,7 @@
1247
1257
  }
1248
1258
 
1249
1259
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1250
- display: block;
1260
+ display: contents;
1251
1261
  }
1252
1262
 
1253
1263
  .e-rte-table {
@@ -1432,13 +1442,13 @@
1432
1442
  margin: 0 auto;
1433
1443
  padding: 0 18px;
1434
1444
  position: relative;
1435
- top: -50px;
1445
+ top: -120px;
1436
1446
  }
1437
1447
  .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1438
1448
  .e-richtexteditor .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
1439
1449
  .e-rte-elements .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1440
1450
  .e-rte-elements .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1441
- top: -130px;
1451
+ top: -120px;
1442
1452
  }
1443
1453
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
1444
1454
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
@@ -2587,7 +2597,7 @@
2587
2597
  margin: 0 auto;
2588
2598
  padding: 0 18px;
2589
2599
  position: relative;
2590
- top: -50px;
2600
+ top: -120px;
2591
2601
  }
2592
2602
  .e-rte-elements.e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
2593
2603
  .e-rte-elements.e-dialog .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
@@ -2936,14 +2946,20 @@
2936
2946
  display: block;
2937
2947
  font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
2938
2948
  font-size: 14px;
2939
- height: 185px;
2949
+ height: 128px;
2940
2950
  margin: 0 auto;
2941
2951
  text-align: center;
2942
2952
  width: auto;
2943
2953
  }
2944
2954
 
2945
2955
  .e-dialog .e-vid-uploadwrap .e-droptext {
2946
- height: 108px;
2956
+ height: 128px;
2957
+ }
2958
+
2959
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap .e-droptext,
2960
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap .e-droptext,
2961
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap .e-droptext {
2962
+ height: 140px;
2947
2963
  }
2948
2964
 
2949
2965
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
package/styles/highcontrast.css CHANGED
@@ -522,6 +522,14 @@
522
522
  .e-richtexteditor.e-bigger .e-rte-content .e-content {
523
523
  font-size: 16px;
524
524
  }
525
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
526
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
527
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
528
+ .e-richtexteditor.e-bigger .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
529
+ .e-richtexteditor.e-bigger .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
530
+ .e-richtexteditor.e-bigger .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
531
+ top: -120px;
532
+ }
525
533
 
526
534
  .e-richtexteditor {
527
535
  color: #fff;
@@ -1161,6 +1169,8 @@
1161
1169
  .e-rte-image.e-imginline,
1162
1170
  .e-rte-audio.e-audio-inline,
1163
1171
  .e-rte-video.e-video-inline {
1172
+ margin-left: 5px;
1173
+ margin-right: 5px;
1164
1174
  display: inline-block;
1165
1175
  float: none;
1166
1176
  max-width: calc(100% - 10px);
@@ -1218,19 +1228,19 @@
1218
1228
  }
1219
1229
 
1220
1230
  .e-rte-img-caption.e-imgcenter {
1221
- display: block;
1231
+ display: contents;
1222
1232
  margin-left: auto;
1223
1233
  margin-right: auto;
1224
1234
  }
1225
1235
 
1226
1236
  .e-rte-img-caption.e-imgright {
1227
- display: block;
1237
+ display: contents;
1228
1238
  margin-left: auto;
1229
1239
  margin-right: 0;
1230
1240
  }
1231
1241
 
1232
1242
  .e-rte-img-caption.e-imgleft {
1233
- display: block;
1243
+ display: contents;
1234
1244
  margin-left: 0;
1235
1245
  margin-right: auto;
1236
1246
  }
@@ -1247,7 +1257,7 @@
1247
1257
  }
1248
1258
 
1249
1259
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1250
- display: block;
1260
+ display: contents;
1251
1261
  }
1252
1262
 
1253
1263
  .e-rte-table {
@@ -1432,13 +1442,13 @@
1432
1442
  margin: 0 auto;
1433
1443
  padding: 0 18px;
1434
1444
  position: relative;
1435
- top: -50px;
1445
+ top: -120px;
1436
1446
  }
1437
1447
  .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1438
1448
  .e-richtexteditor .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
1439
1449
  .e-rte-elements .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1440
1450
  .e-rte-elements .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1441
- top: -130px;
1451
+ top: -120px;
1442
1452
  }
1443
1453
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
1444
1454
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
@@ -2587,7 +2597,7 @@
2587
2597
  margin: 0 auto;
2588
2598
  padding: 0 18px;
2589
2599
  position: relative;
2590
- top: -50px;
2600
+ top: -120px;
2591
2601
  }
2592
2602
  .e-rte-elements.e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
2593
2603
  .e-rte-elements.e-dialog .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
@@ -2931,14 +2941,20 @@
2931
2941
  display: block;
2932
2942
  font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
2933
2943
  font-size: 14px;
2934
- height: 185px;
2944
+ height: 128px;
2935
2945
  margin: 0 auto;
2936
2946
  text-align: center;
2937
2947
  width: auto;
2938
2948
  }
2939
2949
 
2940
2950
  .e-dialog .e-vid-uploadwrap .e-droptext {
2941
- height: 108px;
2951
+ height: 128px;
2952
+ }
2953
+
2954
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap .e-droptext,
2955
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap .e-droptext,
2956
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap .e-droptext {
2957
+ height: 140px;
2942
2958
  }
2943
2959
 
2944
2960
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
package/styles/material-dark.css CHANGED
@@ -522,6 +522,14 @@
522
522
  .e-richtexteditor.e-bigger .e-rte-content .e-content {
523
523
  font-size: 16px;
524
524
  }
525
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
526
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
527
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
528
+ .e-richtexteditor.e-bigger .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
529
+ .e-richtexteditor.e-bigger .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
530
+ .e-richtexteditor.e-bigger .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
531
+ top: -120px;
532
+ }
525
533
 
526
534
  .e-richtexteditor {
527
535
  color: #fff;
@@ -1161,6 +1169,8 @@
1161
1169
  .e-rte-image.e-imginline,
1162
1170
  .e-rte-audio.e-audio-inline,
1163
1171
  .e-rte-video.e-video-inline {
1172
+ margin-left: 5px;
1173
+ margin-right: 5px;
1164
1174
  display: inline-block;
1165
1175
  float: none;
1166
1176
  max-width: calc(100% - 10px);
@@ -1218,19 +1228,19 @@
1218
1228
  }
1219
1229
 
1220
1230
  .e-rte-img-caption.e-imgcenter {
1221
- display: block;
1231
+ display: contents;
1222
1232
  margin-left: auto;
1223
1233
  margin-right: auto;
1224
1234
  }
1225
1235
 
1226
1236
  .e-rte-img-caption.e-imgright {
1227
- display: block;
1237
+ display: contents;
1228
1238
  margin-left: auto;
1229
1239
  margin-right: 0;
1230
1240
  }
1231
1241
 
1232
1242
  .e-rte-img-caption.e-imgleft {
1233
- display: block;
1243
+ display: contents;
1234
1244
  margin-left: 0;
1235
1245
  margin-right: auto;
1236
1246
  }
@@ -1247,7 +1257,7 @@
1247
1257
  }
1248
1258
 
1249
1259
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1250
- display: block;
1260
+ display: contents;
1251
1261
  }
1252
1262
 
1253
1263
  .e-rte-table {
@@ -1432,13 +1442,13 @@
1432
1442
  margin: 0 auto;
1433
1443
  padding: 0 18px;
1434
1444
  position: relative;
1435
- top: -50px;
1445
+ top: -120px;
1436
1446
  }
1437
1447
  .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1438
1448
  .e-richtexteditor .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
1439
1449
  .e-rte-elements .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1440
1450
  .e-rte-elements .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1441
- top: -130px;
1451
+ top: -120px;
1442
1452
  }
1443
1453
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
1444
1454
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
@@ -2593,7 +2603,7 @@
2593
2603
  margin: 0 auto;
2594
2604
  padding: 0 18px;
2595
2605
  position: relative;
2596
- top: -50px;
2606
+ top: -120px;
2597
2607
  }
2598
2608
  .e-rte-elements.e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
2599
2609
  .e-rte-elements.e-dialog .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
@@ -2942,14 +2952,20 @@
2942
2952
  display: block;
2943
2953
  font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
2944
2954
  font-size: 14px;
2945
- height: 185px;
2955
+ height: 128px;
2946
2956
  margin: 0 auto;
2947
2957
  text-align: center;
2948
2958
  width: auto;
2949
2959
  }
2950
2960
 
2951
2961
  .e-dialog .e-vid-uploadwrap .e-droptext {
2952
- height: 108px;
2962
+ height: 128px;
2963
+ }
2964
+
2965
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap .e-droptext,
2966
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap .e-droptext,
2967
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap .e-droptext {
2968
+ height: 140px;
2953
2969
  }
2954
2970
 
2955
2971
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
package/styles/material.css CHANGED
@@ -522,6 +522,14 @@
522
522
  .e-richtexteditor.e-bigger .e-rte-content .e-content {
523
523
  font-size: 16px;
524
524
  }
525
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
526
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
527
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
528
+ .e-richtexteditor.e-bigger .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
529
+ .e-richtexteditor.e-bigger .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
530
+ .e-richtexteditor.e-bigger .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
531
+ top: -120px;
532
+ }
525
533
 
526
534
  .e-richtexteditor {
527
535
  color: #333;
@@ -1161,6 +1169,8 @@
1161
1169
  .e-rte-image.e-imginline,
1162
1170
  .e-rte-audio.e-audio-inline,
1163
1171
  .e-rte-video.e-video-inline {
1172
+ margin-left: 5px;
1173
+ margin-right: 5px;
1164
1174
  display: inline-block;
1165
1175
  float: none;
1166
1176
  max-width: calc(100% - 10px);
@@ -1218,19 +1228,19 @@
1218
1228
  }
1219
1229
 
1220
1230
  .e-rte-img-caption.e-imgcenter {
1221
- display: block;
1231
+ display: contents;
1222
1232
  margin-left: auto;
1223
1233
  margin-right: auto;
1224
1234
  }
1225
1235
 
1226
1236
  .e-rte-img-caption.e-imgright {
1227
- display: block;
1237
+ display: contents;
1228
1238
  margin-left: auto;
1229
1239
  margin-right: 0;
1230
1240
  }
1231
1241
 
1232
1242
  .e-rte-img-caption.e-imgleft {
1233
- display: block;
1243
+ display: contents;
1234
1244
  margin-left: 0;
1235
1245
  margin-right: auto;
1236
1246
  }
@@ -1247,7 +1257,7 @@
1247
1257
  }
1248
1258
 
1249
1259
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1250
- display: block;
1260
+ display: contents;
1251
1261
  }
1252
1262
 
1253
1263
  .e-rte-table {
@@ -1432,13 +1442,13 @@
1432
1442
  margin: 0 auto;
1433
1443
  padding: 0 18px;
1434
1444
  position: relative;
1435
- top: -50px;
1445
+ top: -120px;
1436
1446
  }
1437
1447
  .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1438
1448
  .e-richtexteditor .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
1439
1449
  .e-rte-elements .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1440
1450
  .e-rte-elements .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1441
- top: -130px;
1451
+ top: -120px;
1442
1452
  }
1443
1453
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
1444
1454
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
@@ -2593,7 +2603,7 @@
2593
2603
  margin: 0 auto;
2594
2604
  padding: 0 18px;
2595
2605
  position: relative;
2596
- top: -50px;
2606
+ top: -120px;
2597
2607
  }
2598
2608
  .e-rte-elements.e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
2599
2609
  .e-rte-elements.e-dialog .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
@@ -2942,14 +2952,20 @@
2942
2952
  display: block;
2943
2953
  font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
2944
2954
  font-size: 14px;
2945
- height: 185px;
2955
+ height: 128px;
2946
2956
  margin: 0 auto;
2947
2957
  text-align: center;
2948
2958
  width: auto;
2949
2959
  }
2950
2960
 
2951
2961
  .e-dialog .e-vid-uploadwrap .e-droptext {
2952
- height: 108px;
2962
+ height: 128px;
2963
+ }
2964
+
2965
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap .e-droptext,
2966
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap .e-droptext,
2967
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap .e-droptext {
2968
+ height: 140px;
2953
2969
  }
2954
2970
 
2955
2971
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
package/styles/material3-dark.css CHANGED
@@ -577,6 +577,14 @@
577
577
  .e-richtexteditor.e-bigger .e-rte-content .e-content {
578
578
  font-size: 16px;
579
579
  }
580
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
581
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
582
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
583
+ .e-richtexteditor.e-bigger .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
584
+ .e-richtexteditor.e-bigger .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
585
+ .e-richtexteditor.e-bigger .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
586
+ top: -120px;
587
+ }
580
588
 
581
589
  .e-richtexteditor {
582
590
  color: rgba(var(--color-sf-on-surface));
@@ -1216,6 +1224,8 @@
1216
1224
  .e-rte-image.e-imginline,
1217
1225
  .e-rte-audio.e-audio-inline,
1218
1226
  .e-rte-video.e-video-inline {
1227
+ margin-left: 5px;
1228
+ margin-right: 5px;
1219
1229
  display: inline-block;
1220
1230
  float: none;
1221
1231
  max-width: calc(100% - 10px);
@@ -1273,19 +1283,19 @@
1273
1283
  }
1274
1284
 
1275
1285
  .e-rte-img-caption.e-imgcenter {
1276
- display: block;
1286
+ display: contents;
1277
1287
  margin-left: auto;
1278
1288
  margin-right: auto;
1279
1289
  }
1280
1290
 
1281
1291
  .e-rte-img-caption.e-imgright {
1282
- display: block;
1292
+ display: contents;
1283
1293
  margin-left: auto;
1284
1294
  margin-right: 0;
1285
1295
  }
1286
1296
 
1287
1297
  .e-rte-img-caption.e-imgleft {
1288
- display: block;
1298
+ display: contents;
1289
1299
  margin-left: 0;
1290
1300
  margin-right: auto;
1291
1301
  }
@@ -1302,7 +1312,7 @@
1302
1312
  }
1303
1313
 
1304
1314
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1305
- display: block;
1315
+ display: contents;
1306
1316
  }
1307
1317
 
1308
1318
  .e-rte-table {
@@ -1487,13 +1497,13 @@
1487
1497
  margin: 0 auto;
1488
1498
  padding: 6px 16px;
1489
1499
  position: relative;
1490
- top: -50px;
1500
+ top: -120px;
1491
1501
  }
1492
1502
  .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1493
1503
  .e-richtexteditor .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
1494
1504
  .e-rte-elements .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1495
1505
  .e-rte-elements .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1496
- top: -130px;
1506
+ top: -120px;
1497
1507
  }
1498
1508
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
1499
1509
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
@@ -2566,7 +2576,9 @@
2566
2576
  }
2567
2577
 
2568
2578
  .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn {
2569
- border-color: var(--color-sf-outline);
2579
+ font-weight: 400;
2580
+ border: 1px solid rgba(var(--color-sf-outline));
2581
+ border-radius: 20px;
2570
2582
  }
2571
2583
 
2572
2584
  .e-dialog .e-dlg-header-content + .e-dlg-content {
@@ -2669,7 +2681,7 @@
2669
2681
  margin: 0 auto;
2670
2682
  padding: 6px 16px;
2671
2683
  position: relative;
2672
- top: -50px;
2684
+ top: -120px;
2673
2685
  }
2674
2686
  .e-rte-elements.e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
2675
2687
  .e-rte-elements.e-dialog .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
@@ -3022,14 +3034,20 @@
3022
3034
  display: block;
3023
3035
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
3024
3036
  font-size: 14px;
3025
- height: 185px;
3037
+ height: 128px;
3026
3038
  margin: 0 auto;
3027
3039
  text-align: center;
3028
3040
  width: auto;
3029
3041
  }
3030
3042
 
3031
3043
  .e-dialog .e-vid-uploadwrap .e-droptext {
3032
- height: 108px;
3044
+ height: 128px;
3045
+ }
3046
+
3047
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap .e-droptext,
3048
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap .e-droptext,
3049
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap .e-droptext {
3050
+ height: 140px;
3033
3051
  }
3034
3052
 
3035
3053
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
@@ -3124,7 +3142,7 @@ span.e-rte-videoboxmark {
3124
3142
  .e-richtexteditor .e-rte-toolbar .e-hor-nav:hover {
3125
3143
  border: solid rgba(0, 0, 0, 0.12);
3126
3144
  border-width: 0 0 0 1px;
3127
- padding-left: 0;
3145
+ padding-left: 1px;
3128
3146
  }
3129
3147
 
3130
3148
  .e-rte-table-popup .e-span-border {
@@ -3255,6 +3273,10 @@ span.e-table-box.e-rbox-select {
3255
3273
  border-top-right-radius: 8px;
3256
3274
  }
3257
3275
 
3276
+ .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn {
3277
+ color: rgba(var(--color-sf-on-surface));
3278
+ }
3279
+
3258
3280
  .e-richtexteditor.e-rte-tb-expand .e-rte-content-border {
3259
3281
  border-bottom: 0;
3260
3282
  }