@syncfusion/ej2-richtexteditor 24.2.4 → 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 (89) hide show
  1. package/CHANGELOG.md +22 -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 +400 -150
  6. package/dist/es6/ej2-richtexteditor.es2015.js.map +1 -1
  7. package/dist/es6/ej2-richtexteditor.es5.js +393 -149
  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 +11 -11
  13. package/src/common/util.js +4 -1
  14. package/src/editor-manager/plugin/formats.d.ts +1 -0
  15. package/src/editor-manager/plugin/formats.js +37 -2
  16. package/src/editor-manager/plugin/inserthtml.js +15 -2
  17. package/src/editor-manager/plugin/lists.js +14 -1
  18. package/src/editor-manager/plugin/ms-word-clean-up.js +87 -18
  19. package/src/editor-manager/plugin/nodecutter.js +1 -1
  20. package/src/editor-manager/plugin/selection-commands.d.ts +1 -0
  21. package/src/editor-manager/plugin/selection-commands.js +56 -1
  22. package/src/editor-manager/plugin/table.js +1 -1
  23. package/src/rich-text-editor/actions/base-quick-toolbar.js +2 -2
  24. package/src/rich-text-editor/actions/enter-key.js +2 -2
  25. package/src/rich-text-editor/actions/html-editor.js +25 -12
  26. package/src/rich-text-editor/actions/paste-clean-up.d.ts +1 -0
  27. package/src/rich-text-editor/actions/paste-clean-up.js +26 -5
  28. package/src/rich-text-editor/actions/toolbar-action.js +1 -1
  29. package/src/rich-text-editor/actions/toolbar.js +1 -1
  30. package/src/rich-text-editor/base/interface.d.ts +0 -8
  31. package/src/rich-text-editor/base/rich-text-editor-model.d.ts +1 -1
  32. package/src/rich-text-editor/base/rich-text-editor.d.ts +1 -1
  33. package/src/rich-text-editor/base/rich-text-editor.js +12 -2
  34. package/src/rich-text-editor/base/util.js +3 -0
  35. package/src/rich-text-editor/models/default-locale.js +2 -1
  36. package/src/rich-text-editor/renderer/iframe-content-renderer.js +1 -1
  37. package/src/rich-text-editor/renderer/image-module.js +3 -3
  38. package/src/rich-text-editor/renderer/table-module.d.ts +1 -0
  39. package/src/rich-text-editor/renderer/table-module.js +106 -98
  40. package/styles/bootstrap-dark.css +25 -9
  41. package/styles/bootstrap.css +25 -9
  42. package/styles/bootstrap4.css +30 -14
  43. package/styles/bootstrap5-dark.css +25 -9
  44. package/styles/bootstrap5.css +25 -9
  45. package/styles/fabric-dark.css +25 -9
  46. package/styles/fabric.css +25 -9
  47. package/styles/fluent-dark.css +27 -11
  48. package/styles/fluent.css +27 -11
  49. package/styles/highcontrast-light.css +25 -9
  50. package/styles/highcontrast.css +25 -9
  51. package/styles/material-dark.css +25 -9
  52. package/styles/material.css +25 -9
  53. package/styles/material3-dark.css +26 -10
  54. package/styles/material3.css +26 -10
  55. package/styles/rich-text-editor/_bootstrap-dark-definition.scss +4 -2
  56. package/styles/rich-text-editor/_bootstrap-definition.scss +4 -2
  57. package/styles/rich-text-editor/_bootstrap4-definition.scss +8 -6
  58. package/styles/rich-text-editor/_bootstrap5-definition.scss +4 -2
  59. package/styles/rich-text-editor/_fabric-dark-definition.scss +4 -2
  60. package/styles/rich-text-editor/_fabric-definition.scss +4 -2
  61. package/styles/rich-text-editor/_fluent-definition.scss +5 -3
  62. package/styles/rich-text-editor/_fusionnew-definition.scss +4 -2
  63. package/styles/rich-text-editor/_highcontrast-definition.scss +4 -2
  64. package/styles/rich-text-editor/_highcontrast-light-definition.scss +4 -2
  65. package/styles/rich-text-editor/_layout.scss +35 -6
  66. package/styles/rich-text-editor/_material-dark-definition.scss +4 -2
  67. package/styles/rich-text-editor/_material-definition.scss +4 -2
  68. package/styles/rich-text-editor/_material3-definition.scss +5 -3
  69. package/styles/rich-text-editor/_tailwind-definition.scss +21 -19
  70. package/styles/rich-text-editor/_theme.scss +18 -3
  71. package/styles/rich-text-editor/bootstrap-dark.css +25 -9
  72. package/styles/rich-text-editor/bootstrap.css +25 -9
  73. package/styles/rich-text-editor/bootstrap4.css +30 -14
  74. package/styles/rich-text-editor/bootstrap5-dark.css +25 -9
  75. package/styles/rich-text-editor/bootstrap5.css +25 -9
  76. package/styles/rich-text-editor/fabric-dark.css +25 -9
  77. package/styles/rich-text-editor/fabric.css +25 -9
  78. package/styles/rich-text-editor/fluent-dark.css +27 -11
  79. package/styles/rich-text-editor/fluent.css +27 -11
  80. package/styles/rich-text-editor/highcontrast-light.css +25 -9
  81. package/styles/rich-text-editor/highcontrast.css +25 -9
  82. package/styles/rich-text-editor/material-dark.css +25 -9
  83. package/styles/rich-text-editor/material.css +25 -9
  84. package/styles/rich-text-editor/material3-dark.css +26 -10
  85. package/styles/rich-text-editor/material3.css +26 -10
  86. package/styles/rich-text-editor/tailwind-dark.css +68 -32
  87. package/styles/rich-text-editor/tailwind.css +68 -32
  88. package/styles/tailwind-dark.css +68 -32
  89. package/styles/tailwind.css +68 -32
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,
@@ -2671,7 +2681,7 @@
2671
2681
  margin: 0 auto;
2672
2682
  padding: 6px 16px;
2673
2683
  position: relative;
2674
- top: -50px;
2684
+ top: -120px;
2675
2685
  }
2676
2686
  .e-rte-elements.e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
2677
2687
  .e-rte-elements.e-dialog .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
@@ -3024,14 +3034,20 @@
3024
3034
  display: block;
3025
3035
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
3026
3036
  font-size: 14px;
3027
- height: 185px;
3037
+ height: 128px;
3028
3038
  margin: 0 auto;
3029
3039
  text-align: center;
3030
3040
  width: auto;
3031
3041
  }
3032
3042
 
3033
3043
  .e-dialog .e-vid-uploadwrap .e-droptext {
3034
- 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;
3035
3051
  }
3036
3052
 
3037
3053
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
@@ -3126,7 +3142,7 @@ span.e-rte-videoboxmark {
3126
3142
  .e-richtexteditor .e-rte-toolbar .e-hor-nav:hover {
3127
3143
  border: solid rgba(0, 0, 0, 0.12);
3128
3144
  border-width: 0 0 0 1px;
3129
- padding-left: 0;
3145
+ padding-left: 1px;
3130
3146
  }
3131
3147
 
3132
3148
  .e-rte-table-popup .e-span-border {
package/styles/material3.css CHANGED
@@ -633,6 +633,14 @@
633
633
  .e-richtexteditor.e-bigger .e-rte-content .e-content {
634
634
  font-size: 16px;
635
635
  }
636
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
637
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
638
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
639
+ .e-richtexteditor.e-bigger .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
640
+ .e-richtexteditor.e-bigger .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
641
+ .e-richtexteditor.e-bigger .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
642
+ top: -120px;
643
+ }
636
644
 
637
645
  .e-richtexteditor {
638
646
  color: rgba(var(--color-sf-on-surface));
@@ -1272,6 +1280,8 @@
1272
1280
  .e-rte-image.e-imginline,
1273
1281
  .e-rte-audio.e-audio-inline,
1274
1282
  .e-rte-video.e-video-inline {
1283
+ margin-left: 5px;
1284
+ margin-right: 5px;
1275
1285
  display: inline-block;
1276
1286
  float: none;
1277
1287
  max-width: calc(100% - 10px);
@@ -1329,19 +1339,19 @@
1329
1339
  }
1330
1340
 
1331
1341
  .e-rte-img-caption.e-imgcenter {
1332
- display: block;
1342
+ display: contents;
1333
1343
  margin-left: auto;
1334
1344
  margin-right: auto;
1335
1345
  }
1336
1346
 
1337
1347
  .e-rte-img-caption.e-imgright {
1338
- display: block;
1348
+ display: contents;
1339
1349
  margin-left: auto;
1340
1350
  margin-right: 0;
1341
1351
  }
1342
1352
 
1343
1353
  .e-rte-img-caption.e-imgleft {
1344
- display: block;
1354
+ display: contents;
1345
1355
  margin-left: 0;
1346
1356
  margin-right: auto;
1347
1357
  }
@@ -1358,7 +1368,7 @@
1358
1368
  }
1359
1369
 
1360
1370
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1361
- display: block;
1371
+ display: contents;
1362
1372
  }
1363
1373
 
1364
1374
  .e-rte-table {
@@ -1543,13 +1553,13 @@
1543
1553
  margin: 0 auto;
1544
1554
  padding: 6px 16px;
1545
1555
  position: relative;
1546
- top: -50px;
1556
+ top: -120px;
1547
1557
  }
1548
1558
  .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1549
1559
  .e-richtexteditor .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
1550
1560
  .e-rte-elements .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1551
1561
  .e-rte-elements .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1552
- top: -130px;
1562
+ top: -120px;
1553
1563
  }
1554
1564
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
1555
1565
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
@@ -2727,7 +2737,7 @@
2727
2737
  margin: 0 auto;
2728
2738
  padding: 6px 16px;
2729
2739
  position: relative;
2730
- top: -50px;
2740
+ top: -120px;
2731
2741
  }
2732
2742
  .e-rte-elements.e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
2733
2743
  .e-rte-elements.e-dialog .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
@@ -3080,14 +3090,20 @@
3080
3090
  display: block;
3081
3091
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
3082
3092
  font-size: 14px;
3083
- height: 185px;
3093
+ height: 128px;
3084
3094
  margin: 0 auto;
3085
3095
  text-align: center;
3086
3096
  width: auto;
3087
3097
  }
3088
3098
 
3089
3099
  .e-dialog .e-vid-uploadwrap .e-droptext {
3090
- height: 108px;
3100
+ height: 128px;
3101
+ }
3102
+
3103
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap .e-droptext,
3104
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap .e-droptext,
3105
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap .e-droptext {
3106
+ height: 140px;
3091
3107
  }
3092
3108
 
3093
3109
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
@@ -3182,7 +3198,7 @@ span.e-rte-videoboxmark {
3182
3198
  .e-richtexteditor .e-rte-toolbar .e-hor-nav:hover {
3183
3199
  border: solid rgba(0, 0, 0, 0.12);
3184
3200
  border-width: 0 0 0 1px;
3185
- padding-left: 0;
3201
+ padding-left: 1px;
3186
3202
  }
3187
3203
 
3188
3204
  .e-rte-table-popup .e-span-border {
package/styles/rich-text-editor/_bootstrap-dark-definition.scss CHANGED
@@ -203,13 +203,15 @@ $rte-big-file-browser-dlg-max-height: 557px !default;
203
203
  $rte-big-table-dlg-max-height: 330px !default;
204
204
  $rte-big-edit-table-dlg-max-height: 414px !default;
205
205
  $rte-drop-text-width: 300px !default;
206
- $rte-drop-text-height: 185px !default;
206
+ $rte-drop-text-height: 128px !default;
207
+ $rte-big-drop-text-height: 140px !default;
207
208
  $rte-drop-text-mobile-width: 250px !default;
208
209
  $rte-tbar-default-bg: $grey-darker;
209
210
  $rte-droparea-line-height: 10;
210
211
  $rte-droparea-browsebtn-height: 36px;
211
212
  $rte-droparea-browsebtn-padding: 0 18px;
212
- $rte-droparea-browsebtn-top: -50px;
213
+ $rte-droparea-browsebtn-top: -120px;
214
+ $rte-big-droparea-browsebtn-top: -120px;
213
215
  $rte-insert-dialog-font-size: 15px;
214
216
  $rte-big-insert-dialog-font-size: 15px;
215
217
  $rte-table-popup-tablecell-height: 14px;
package/styles/rich-text-editor/_bootstrap-definition.scss CHANGED
@@ -203,13 +203,15 @@ $rte-big-file-browser-dlg-max-height: 557px !default;
203
203
  $rte-big-table-dlg-max-height: 330px !default;
204
204
  $rte-big-edit-table-dlg-max-height: 414px !default;
205
205
  $rte-drop-text-width: 300px !default;
206
- $rte-drop-text-height: 185px !default;
206
+ $rte-drop-text-height: 128px !default;
207
+ $rte-big-drop-text-height: 140px !default;
207
208
  $rte-drop-text-mobile-width: 250px !default;
208
209
  $rte-tbar-default-bg: $grey-f8;
209
210
  $rte-droparea-line-height: 10;
210
211
  $rte-droparea-browsebtn-height: 36px;
211
212
  $rte-droparea-browsebtn-padding: 0 18px;
212
- $rte-droparea-browsebtn-top: -50px;
213
+ $rte-droparea-browsebtn-top: -120px;
214
+ $rte-big-droparea-browsebtn-top: -120px;
213
215
  $rte-insert-dialog-font-size: 15px;
214
216
  $rte-big-insert-dialog-font-size: 15px;
215
217
  $rte-table-popup-tablecell-height: 14px;