@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
@@ -500,7 +500,15 @@
500
500
  }
501
501
 
502
502
  .e-dialog .e-vid-uploadwrap .e-droptext {
503
- height: 108px;
503
+ height: $rte-drop-text-height;
504
+ }
505
+
506
+ .e-bigger .e-richtexteditor {
507
+ .e-dialog .e-img-uploadwrap .e-droptext,
508
+ .e-dialog .e-aud-uploadwrap .e-droptext,
509
+ .e-dialog .e-vid-uploadwrap .e-droptext {
510
+ height: $rte-big-drop-text-height;
511
+ }
504
512
  }
505
513
 
506
514
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
@@ -770,8 +778,7 @@
770
778
  }
771
779
 
772
780
  .e-richtexteditor .e-toolbar .e-tbar-btn {
773
- border-bottom: 1px solid $transparent;
774
- border-top: 1px solid $transparent;
781
+ border: 1px solid $transparent;
775
782
  }
776
783
 
777
784
  .e-richtexteditor .e-toolbar .e-tbar-btn:hover {
@@ -783,6 +790,14 @@
783
790
  background: $rte-tb-hover-bg-color;
784
791
  border: 1px solid $rte-quick-item-hover-border-color;
785
792
  }
793
+
794
+ .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn{
795
+ border: 1px solid $transparent;
796
+ }
797
+
798
+ .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
799
+ border: 1px solid $transparent;
800
+ }
786
801
  }
787
802
 
788
803
  @if $skin-name == 'bootstrap5' {
@@ -822,6 +837,9 @@
822
837
  .e-bigger .e-rtl .e-rte-toolbar .e-toolbar-items {
823
838
  border-top-right-radius: $rte-border-top-right-radius;
824
839
  }
840
+ .e-rte-toolbar .e-rte-table-popup .e-insert-table-btn{
841
+ color: $rte-content-color;
842
+ }
825
843
  }
826
844
  // Blazor styles start
827
845
  .e-richtexteditor.e-rte-tb-expand .e-rte-content-border {
@@ -533,6 +533,14 @@
533
533
  .e-richtexteditor.e-bigger .e-rte-content .e-content {
534
534
  font-size: 16px;
535
535
  }
536
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
537
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
538
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
539
+ .e-richtexteditor.e-bigger .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
540
+ .e-richtexteditor.e-bigger .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
541
+ .e-richtexteditor.e-bigger .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
542
+ top: -120px;
543
+ }
536
544
 
537
545
  .e-richtexteditor {
538
546
  color: #f0f0f0;
@@ -1172,6 +1180,8 @@
1172
1180
  .e-rte-image.e-imginline,
1173
1181
  .e-rte-audio.e-audio-inline,
1174
1182
  .e-rte-video.e-video-inline {
1183
+ margin-left: 5px;
1184
+ margin-right: 5px;
1175
1185
  display: inline-block;
1176
1186
  float: none;
1177
1187
  max-width: calc(100% - 10px);
@@ -1229,19 +1239,19 @@
1229
1239
  }
1230
1240
 
1231
1241
  .e-rte-img-caption.e-imgcenter {
1232
- display: block;
1242
+ display: contents;
1233
1243
  margin-left: auto;
1234
1244
  margin-right: auto;
1235
1245
  }
1236
1246
 
1237
1247
  .e-rte-img-caption.e-imgright {
1238
- display: block;
1248
+ display: contents;
1239
1249
  margin-left: auto;
1240
1250
  margin-right: 0;
1241
1251
  }
1242
1252
 
1243
1253
  .e-rte-img-caption.e-imgleft {
1244
- display: block;
1254
+ display: contents;
1245
1255
  margin-left: 0;
1246
1256
  margin-right: auto;
1247
1257
  }
@@ -1258,7 +1268,7 @@
1258
1268
  }
1259
1269
 
1260
1270
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1261
- display: block;
1271
+ display: contents;
1262
1272
  }
1263
1273
 
1264
1274
  .e-rte-table {
@@ -1443,13 +1453,13 @@
1443
1453
  margin: 0 auto;
1444
1454
  padding: 0 18px;
1445
1455
  position: relative;
1446
- top: -50px;
1456
+ top: -120px;
1447
1457
  }
1448
1458
  .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1449
1459
  .e-richtexteditor .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
1450
1460
  .e-rte-elements .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1451
1461
  .e-rte-elements .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1452
- top: -130px;
1462
+ top: -120px;
1453
1463
  }
1454
1464
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
1455
1465
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
@@ -2606,7 +2616,7 @@
2606
2616
  margin: 0 auto;
2607
2617
  padding: 0 18px;
2608
2618
  position: relative;
2609
- top: -50px;
2619
+ top: -120px;
2610
2620
  }
2611
2621
  .e-rte-elements.e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
2612
2622
  .e-rte-elements.e-dialog .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
@@ -2955,14 +2965,20 @@
2955
2965
  display: block;
2956
2966
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
2957
2967
  font-size: 14px;
2958
- height: 185px;
2968
+ height: 128px;
2959
2969
  margin: 0 auto;
2960
2970
  text-align: center;
2961
2971
  width: auto;
2962
2972
  }
2963
2973
 
2964
2974
  .e-dialog .e-vid-uploadwrap .e-droptext {
2965
- height: 108px;
2975
+ height: 128px;
2976
+ }
2977
+
2978
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap .e-droptext,
2979
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap .e-droptext,
2980
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap .e-droptext {
2981
+ height: 140px;
2966
2982
  }
2967
2983
 
2968
2984
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
@@ -674,6 +674,14 @@
674
674
  .e-richtexteditor.e-bigger .e-rte-content .e-content {
675
675
  font-size: 16px;
676
676
  }
677
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
678
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
679
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
680
+ .e-richtexteditor.e-bigger .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
681
+ .e-richtexteditor.e-bigger .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
682
+ .e-richtexteditor.e-bigger .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
683
+ top: -120px;
684
+ }
677
685
 
678
686
  .e-richtexteditor {
679
687
  color: #333;
@@ -1313,6 +1321,8 @@
1313
1321
  .e-rte-image.e-imginline,
1314
1322
  .e-rte-audio.e-audio-inline,
1315
1323
  .e-rte-video.e-video-inline {
1324
+ margin-left: 5px;
1325
+ margin-right: 5px;
1316
1326
  display: inline-block;
1317
1327
  float: none;
1318
1328
  max-width: calc(100% - 10px);
@@ -1370,19 +1380,19 @@
1370
1380
  }
1371
1381
 
1372
1382
  .e-rte-img-caption.e-imgcenter {
1373
- display: block;
1383
+ display: contents;
1374
1384
  margin-left: auto;
1375
1385
  margin-right: auto;
1376
1386
  }
1377
1387
 
1378
1388
  .e-rte-img-caption.e-imgright {
1379
- display: block;
1389
+ display: contents;
1380
1390
  margin-left: auto;
1381
1391
  margin-right: 0;
1382
1392
  }
1383
1393
 
1384
1394
  .e-rte-img-caption.e-imgleft {
1385
- display: block;
1395
+ display: contents;
1386
1396
  margin-left: 0;
1387
1397
  margin-right: auto;
1388
1398
  }
@@ -1399,7 +1409,7 @@
1399
1409
  }
1400
1410
 
1401
1411
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1402
- display: block;
1412
+ display: contents;
1403
1413
  }
1404
1414
 
1405
1415
  .e-rte-table {
@@ -1584,13 +1594,13 @@
1584
1594
  margin: 0 auto;
1585
1595
  padding: 0 18px;
1586
1596
  position: relative;
1587
- top: -50px;
1597
+ top: -120px;
1588
1598
  }
1589
1599
  .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1590
1600
  .e-richtexteditor .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
1591
1601
  .e-rte-elements .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1592
1602
  .e-rte-elements .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1593
- top: -130px;
1603
+ top: -120px;
1594
1604
  }
1595
1605
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
1596
1606
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
@@ -2752,7 +2762,7 @@
2752
2762
  margin: 0 auto;
2753
2763
  padding: 0 18px;
2754
2764
  position: relative;
2755
- top: -50px;
2765
+ top: -120px;
2756
2766
  }
2757
2767
  .e-rte-elements.e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
2758
2768
  .e-rte-elements.e-dialog .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
@@ -3101,14 +3111,20 @@
3101
3111
  display: block;
3102
3112
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
3103
3113
  font-size: 14px;
3104
- height: 185px;
3114
+ height: 128px;
3105
3115
  margin: 0 auto;
3106
3116
  text-align: center;
3107
3117
  width: auto;
3108
3118
  }
3109
3119
 
3110
3120
  .e-dialog .e-vid-uploadwrap .e-droptext {
3111
- height: 108px;
3121
+ height: 128px;
3122
+ }
3123
+
3124
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap .e-droptext,
3125
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap .e-droptext,
3126
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap .e-droptext {
3127
+ height: 140px;
3112
3128
  }
3113
3129
 
3114
3130
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
@@ -769,6 +769,14 @@
769
769
  .e-richtexteditor.e-bigger .e-rte-content .e-content {
770
770
  font-size: 16px;
771
771
  }
772
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
773
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
774
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
775
+ .e-richtexteditor.e-bigger .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
776
+ .e-richtexteditor.e-bigger .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
777
+ .e-richtexteditor.e-bigger .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
778
+ top: -120px;
779
+ }
772
780
 
773
781
  .e-richtexteditor {
774
782
  color: #212529;
@@ -908,7 +916,7 @@
908
916
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-dropdown-btn .e-rte-dropdown-btn-text,
909
917
  .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn .e-rte-dropdown-btn-text,
910
918
  .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-dropdown-btn .e-rte-dropdown-btn-text {
911
- font-size: inherit;
919
+ font-size: 14px;
912
920
  font-weight: normal;
913
921
  overflow: hidden;
914
922
  text-overflow: ellipsis;
@@ -1408,6 +1416,8 @@
1408
1416
  .e-rte-image.e-imginline,
1409
1417
  .e-rte-audio.e-audio-inline,
1410
1418
  .e-rte-video.e-video-inline {
1419
+ margin-left: 5px;
1420
+ margin-right: 5px;
1411
1421
  display: inline-block;
1412
1422
  float: none;
1413
1423
  max-width: calc(100% - 10px);
@@ -1465,19 +1475,19 @@
1465
1475
  }
1466
1476
 
1467
1477
  .e-rte-img-caption.e-imgcenter {
1468
- display: block;
1478
+ display: contents;
1469
1479
  margin-left: auto;
1470
1480
  margin-right: auto;
1471
1481
  }
1472
1482
 
1473
1483
  .e-rte-img-caption.e-imgright {
1474
- display: block;
1484
+ display: contents;
1475
1485
  margin-left: auto;
1476
1486
  margin-right: 0;
1477
1487
  }
1478
1488
 
1479
1489
  .e-rte-img-caption.e-imgleft {
1480
- display: block;
1490
+ display: contents;
1481
1491
  margin-left: 0;
1482
1492
  margin-right: auto;
1483
1493
  }
@@ -1494,7 +1504,7 @@
1494
1504
  }
1495
1505
 
1496
1506
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1497
- display: block;
1507
+ display: contents;
1498
1508
  }
1499
1509
 
1500
1510
  .e-rte-table {
@@ -1679,13 +1689,13 @@
1679
1689
  margin: 0 auto;
1680
1690
  padding: 0 18px;
1681
1691
  position: relative;
1682
- top: -50px;
1692
+ top: -120px;
1683
1693
  }
1684
1694
  .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1685
1695
  .e-richtexteditor .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
1686
1696
  .e-rte-elements .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1687
1697
  .e-rte-elements .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1688
- top: -130px;
1698
+ top: -120px;
1689
1699
  }
1690
1700
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
1691
1701
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
@@ -1756,7 +1766,7 @@
1756
1766
  min-width: 120px;
1757
1767
  overflow: hidden;
1758
1768
  padding: 10px;
1759
- border: rgba(0, 0, 0, 0.2);
1769
+ border: 1px solid rgba(0, 0, 0, 0.2);
1760
1770
  }
1761
1771
  .e-richtexteditor .e-rte-table-popup.e-popup-open .e-rte-tablecell,
1762
1772
  .e-rte-elements .e-rte-table-popup.e-popup-open .e-rte-tablecell {
@@ -2834,7 +2844,7 @@
2834
2844
  margin: 0 auto;
2835
2845
  padding: 0 18px;
2836
2846
  position: relative;
2837
- top: -50px;
2847
+ top: -120px;
2838
2848
  }
2839
2849
  .e-rte-elements.e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
2840
2850
  .e-rte-elements.e-dialog .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
@@ -2859,7 +2869,7 @@
2859
2869
  border: 1px solid #4e555b;
2860
2870
  }
2861
2871
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn .e-icons, .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn:focus .e-icons {
2862
- color: #212529;
2872
+ color: #f8f9fa;
2863
2873
  }
2864
2874
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-icons {
2865
2875
  color: #212529;
@@ -2945,7 +2955,7 @@
2945
2955
  color: #212529;
2946
2956
  }
2947
2957
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
2948
- color: #212529;
2958
+ color: #f8f9fa;
2949
2959
  }
2950
2960
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
2951
2961
  color: rgba(108, 117, 125, 0.3);
@@ -3154,7 +3164,7 @@
3154
3164
  }
3155
3165
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-toolbar-item.e-active .e-tbar-btn .e-icons,
3156
3166
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-toolbar-item.e-active .e-tbar-btn:focus .e-icons {
3157
- color: #212529;
3167
+ color: #f8f9fa;
3158
3168
  }
3159
3169
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-icons {
3160
3170
  color: #212529;
@@ -3183,14 +3193,20 @@
3183
3193
  display: block;
3184
3194
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
3185
3195
  font-size: 14px;
3186
- height: 185px;
3196
+ height: 128px;
3187
3197
  margin: 0 auto;
3188
3198
  text-align: center;
3189
3199
  width: auto;
3190
3200
  }
3191
3201
 
3192
3202
  .e-dialog .e-vid-uploadwrap .e-droptext {
3193
- height: 108px;
3203
+ height: 128px;
3204
+ }
3205
+
3206
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap .e-droptext,
3207
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap .e-droptext,
3208
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap .e-droptext {
3209
+ height: 140px;
3194
3210
  }
3195
3211
 
3196
3212
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
@@ -532,6 +532,14 @@
532
532
  .e-richtexteditor.e-bigger .e-rte-content .e-content {
533
533
  font-size: 16px;
534
534
  }
535
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
536
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
537
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
538
+ .e-richtexteditor.e-bigger .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
539
+ .e-richtexteditor.e-bigger .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
540
+ .e-richtexteditor.e-bigger .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
541
+ top: -120px;
542
+ }
535
543
 
536
544
  .e-richtexteditor {
537
545
  color: #fff;
@@ -1179,6 +1187,8 @@
1179
1187
  .e-rte-image.e-imginline,
1180
1188
  .e-rte-audio.e-audio-inline,
1181
1189
  .e-rte-video.e-video-inline {
1190
+ margin-left: 5px;
1191
+ margin-right: 5px;
1182
1192
  display: inline-block;
1183
1193
  float: none;
1184
1194
  max-width: calc(100% - 10px);
@@ -1236,19 +1246,19 @@
1236
1246
  }
1237
1247
 
1238
1248
  .e-rte-img-caption.e-imgcenter {
1239
- display: block;
1249
+ display: contents;
1240
1250
  margin-left: auto;
1241
1251
  margin-right: auto;
1242
1252
  }
1243
1253
 
1244
1254
  .e-rte-img-caption.e-imgright {
1245
- display: block;
1255
+ display: contents;
1246
1256
  margin-left: auto;
1247
1257
  margin-right: 0;
1248
1258
  }
1249
1259
 
1250
1260
  .e-rte-img-caption.e-imgleft {
1251
- display: block;
1261
+ display: contents;
1252
1262
  margin-left: 0;
1253
1263
  margin-right: auto;
1254
1264
  }
@@ -1265,7 +1275,7 @@
1265
1275
  }
1266
1276
 
1267
1277
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1268
- display: block;
1278
+ display: contents;
1269
1279
  }
1270
1280
 
1271
1281
  .e-rte-table {
@@ -1450,13 +1460,13 @@
1450
1460
  margin: 0 auto;
1451
1461
  padding: 0 18px;
1452
1462
  position: relative;
1453
- top: -50px;
1463
+ top: -120px;
1454
1464
  }
1455
1465
  .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1456
1466
  .e-richtexteditor .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
1457
1467
  .e-rte-elements .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1458
1468
  .e-rte-elements .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1459
- top: -130px;
1469
+ top: -120px;
1460
1470
  }
1461
1471
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
1462
1472
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
@@ -2650,7 +2660,7 @@
2650
2660
  margin: 0 auto;
2651
2661
  padding: 0 18px;
2652
2662
  position: relative;
2653
- top: -50px;
2663
+ top: -120px;
2654
2664
  }
2655
2665
  .e-rte-elements.e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
2656
2666
  .e-rte-elements.e-dialog .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
@@ -3025,14 +3035,20 @@
3025
3035
  display: block;
3026
3036
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
3027
3037
  font-size: 14px;
3028
- height: 185px;
3038
+ height: 128px;
3029
3039
  margin: 0 auto;
3030
3040
  text-align: center;
3031
3041
  width: auto;
3032
3042
  }
3033
3043
 
3034
3044
  .e-dialog .e-vid-uploadwrap .e-droptext {
3035
- height: 108px;
3045
+ height: 128px;
3046
+ }
3047
+
3048
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap .e-droptext,
3049
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap .e-droptext,
3050
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap .e-droptext {
3051
+ height: 140px;
3036
3052
  }
3037
3053
 
3038
3054
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
@@ -532,6 +532,14 @@
532
532
  .e-richtexteditor.e-bigger .e-rte-content .e-content {
533
533
  font-size: 16px;
534
534
  }
535
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
536
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
537
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
538
+ .e-richtexteditor.e-bigger .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
539
+ .e-richtexteditor.e-bigger .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
540
+ .e-richtexteditor.e-bigger .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
541
+ top: -120px;
542
+ }
535
543
 
536
544
  .e-richtexteditor {
537
545
  color: #212529;
@@ -1179,6 +1187,8 @@
1179
1187
  .e-rte-image.e-imginline,
1180
1188
  .e-rte-audio.e-audio-inline,
1181
1189
  .e-rte-video.e-video-inline {
1190
+ margin-left: 5px;
1191
+ margin-right: 5px;
1182
1192
  display: inline-block;
1183
1193
  float: none;
1184
1194
  max-width: calc(100% - 10px);
@@ -1236,19 +1246,19 @@
1236
1246
  }
1237
1247
 
1238
1248
  .e-rte-img-caption.e-imgcenter {
1239
- display: block;
1249
+ display: contents;
1240
1250
  margin-left: auto;
1241
1251
  margin-right: auto;
1242
1252
  }
1243
1253
 
1244
1254
  .e-rte-img-caption.e-imgright {
1245
- display: block;
1255
+ display: contents;
1246
1256
  margin-left: auto;
1247
1257
  margin-right: 0;
1248
1258
  }
1249
1259
 
1250
1260
  .e-rte-img-caption.e-imgleft {
1251
- display: block;
1261
+ display: contents;
1252
1262
  margin-left: 0;
1253
1263
  margin-right: auto;
1254
1264
  }
@@ -1265,7 +1275,7 @@
1265
1275
  }
1266
1276
 
1267
1277
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1268
- display: block;
1278
+ display: contents;
1269
1279
  }
1270
1280
 
1271
1281
  .e-rte-table {
@@ -1450,13 +1460,13 @@
1450
1460
  margin: 0 auto;
1451
1461
  padding: 0 18px;
1452
1462
  position: relative;
1453
- top: -50px;
1463
+ top: -120px;
1454
1464
  }
1455
1465
  .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1456
1466
  .e-richtexteditor .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
1457
1467
  .e-rte-elements .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1458
1468
  .e-rte-elements .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1459
- top: -130px;
1469
+ top: -120px;
1460
1470
  }
1461
1471
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
1462
1472
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
@@ -2650,7 +2660,7 @@
2650
2660
  margin: 0 auto;
2651
2661
  padding: 0 18px;
2652
2662
  position: relative;
2653
- top: -50px;
2663
+ top: -120px;
2654
2664
  }
2655
2665
  .e-rte-elements.e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
2656
2666
  .e-rte-elements.e-dialog .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
@@ -3025,14 +3035,20 @@
3025
3035
  display: block;
3026
3036
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
3027
3037
  font-size: 14px;
3028
- height: 185px;
3038
+ height: 128px;
3029
3039
  margin: 0 auto;
3030
3040
  text-align: center;
3031
3041
  width: auto;
3032
3042
  }
3033
3043
 
3034
3044
  .e-dialog .e-vid-uploadwrap .e-droptext {
3035
- height: 108px;
3045
+ height: 128px;
3046
+ }
3047
+
3048
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap .e-droptext,
3049
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap .e-droptext,
3050
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap .e-droptext {
3051
+ height: 140px;
3036
3052
  }
3037
3053
 
3038
3054
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,