@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
@@ -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 {
@@ -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 {
@@ -444,8 +444,8 @@
444
444
  .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-rte-dropdown-btn.e-dropdown-btn:hover,
445
445
  .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-rte-dropdown-btn.e-dropdown-btn:focus,
446
446
  .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-rte-dropdown-btn.e-dropdown-btn:active {
447
- padding-left: 9px;
448
- padding-right: 5px;
447
+ padding-left: 10px;
448
+ padding-right: 6px;
449
449
  }
450
450
  .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item.e-active .e-tbar-btn.e-btn,
451
451
  .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn,
@@ -465,8 +465,8 @@
465
465
  .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-extended .e-dropdown-btn .e-rte-color-content,
466
466
  .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-dropdown-btn .e-rte-color-content,
467
467
  .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-dropdown-btn .e-rte-color-content {
468
- padding-top: 1px;
469
- height: 36px;
468
+ padding-top: 0;
469
+ height: 38px;
470
470
  }
471
471
  .e-bigger .e-richtexteditor.e-rte-full-screen iframe,
472
472
  .e-richtexteditor.e-bigger.e-rte-full-screen iframe {
@@ -516,7 +516,7 @@
516
516
  .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-bulletformatlist-dropdown .e-rte-list-primary-content,
517
517
  .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-numberformatlist-dropdown .e-rte-list-primary-content,
518
518
  .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown .e-rte-list-primary-content {
519
- line-height: 30px;
519
+ line-height: 35px;
520
520
  }
521
521
  .e-bigger .e-richtexteditor .e-dialog.e-rte-dialog-minheight,
522
522
  .e-richtexteditor.e-bigger .e-dialog.e-rte-dialog-minheight {
@@ -526,6 +526,14 @@
526
526
  .e-richtexteditor.e-bigger .e-rte-content .e-content {
527
527
  font-size: 16px;
528
528
  }
529
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
530
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
531
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
532
+ .e-richtexteditor.e-bigger .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
533
+ .e-richtexteditor.e-bigger .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
534
+ .e-richtexteditor.e-bigger .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
535
+ top: -120px;
536
+ }
529
537
 
530
538
  .e-richtexteditor {
531
539
  color: #fff;
@@ -683,8 +691,8 @@
683
691
  .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-dropdown-btn:hover,
684
692
  .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-dropdown-btn:focus,
685
693
  .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-dropdown-btn:active {
686
- padding-left: 6px;
687
- padding-right: 1.5px;
694
+ padding-left: 7px;
695
+ padding-right: 2.5px;
688
696
  }
689
697
  .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
690
698
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
@@ -729,7 +737,7 @@
729
737
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn,
730
738
  .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item.e-active .e-tbar-btn.e-btn,
731
739
  .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn {
732
- padding: 0;
740
+ padding: 0 4px;
733
741
  }
734
742
  .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-dropdown-btn .e-rte-color-content,
735
743
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-dropdown-btn .e-rte-color-content,
@@ -982,7 +990,7 @@
982
990
  padding: 0;
983
991
  }
984
992
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover {
985
- background: #4b5563;
993
+ background: #232e3e;
986
994
  }
987
995
  .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn,
988
996
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn {
@@ -1017,6 +1025,14 @@
1017
1025
  top: 90%;
1018
1026
  }
1019
1027
 
1028
+ .e-bigger .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
1029
+ .e-bigger .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
1030
+ padding: 0 8px;
1031
+ }
1032
+ .e-bigger .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
1033
+ padding: 0 8px;
1034
+ }
1035
+
1020
1036
  .e-rte-linkcontent .e-rte-label {
1021
1037
  padding-top: 12px;
1022
1038
  }
@@ -1165,6 +1181,8 @@
1165
1181
  .e-rte-image.e-imginline,
1166
1182
  .e-rte-audio.e-audio-inline,
1167
1183
  .e-rte-video.e-video-inline {
1184
+ margin-left: 5px;
1185
+ margin-right: 5px;
1168
1186
  display: inline-block;
1169
1187
  float: none;
1170
1188
  max-width: calc(100% - 10px);
@@ -1222,19 +1240,19 @@
1222
1240
  }
1223
1241
 
1224
1242
  .e-rte-img-caption.e-imgcenter {
1225
- display: block;
1243
+ display: contents;
1226
1244
  margin-left: auto;
1227
1245
  margin-right: auto;
1228
1246
  }
1229
1247
 
1230
1248
  .e-rte-img-caption.e-imgright {
1231
- display: block;
1249
+ display: contents;
1232
1250
  margin-left: auto;
1233
1251
  margin-right: 0;
1234
1252
  }
1235
1253
 
1236
1254
  .e-rte-img-caption.e-imgleft {
1237
- display: block;
1255
+ display: contents;
1238
1256
  margin-left: 0;
1239
1257
  margin-right: auto;
1240
1258
  }
@@ -1251,7 +1269,7 @@
1251
1269
  }
1252
1270
 
1253
1271
  .e-img-caption.e-rte-img-caption.e-imgbreak {
1254
- display: block;
1272
+ display: contents;
1255
1273
  }
1256
1274
 
1257
1275
  .e-rte-table {
@@ -1350,7 +1368,7 @@
1350
1368
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control,
1351
1369
  .e-rte-elements .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
1352
1370
  .e-rte-elements .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
1353
- padding: 0 5px;
1371
+ padding: 0 4px;
1354
1372
  }
1355
1373
  .e-richtexteditor .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon,
1356
1374
  .e-rte-elements .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
@@ -1436,13 +1454,13 @@
1436
1454
  margin: 0 auto;
1437
1455
  padding: 0 18px;
1438
1456
  position: relative;
1439
- top: -50px;
1457
+ top: -120px;
1440
1458
  }
1441
1459
  .e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1442
1460
  .e-richtexteditor .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
1443
1461
  .e-rte-elements .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
1444
1462
  .e-rte-elements .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
1445
- top: -130px;
1463
+ top: -120px;
1446
1464
  }
1447
1465
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
1448
1466
  .e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
@@ -1513,7 +1531,7 @@
1513
1531
  min-width: 120px;
1514
1532
  overflow: hidden;
1515
1533
  padding: 18px 18px 8px 22px;
1516
- border: 1px solid #4b5563;
1534
+ border: 1px solid #d1d5db;
1517
1535
  }
1518
1536
  .e-richtexteditor .e-rte-table-popup.e-popup-open .e-rte-tablecell,
1519
1537
  .e-rte-elements .e-rte-table-popup.e-popup-open .e-rte-tablecell {
@@ -1878,6 +1896,11 @@
1878
1896
  min-width: 55px;
1879
1897
  }
1880
1898
 
1899
+ .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-rte-numberformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control,
1900
+ .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control {
1901
+ padding: 1px;
1902
+ }
1903
+
1881
1904
  .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control,
1882
1905
  .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-backgroundcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control,
1883
1906
  .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-numberformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control,
@@ -1896,8 +1919,8 @@
1896
1919
  .e-rte-toolbar.e-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control {
1897
1920
  display: -ms-flexbox;
1898
1921
  display: flex;
1899
- padding-left: 0.8px;
1900
- padding-right: 0.8px;
1922
+ padding-left: 1px;
1923
+ padding-right: 1px;
1901
1924
  }
1902
1925
  .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control:hover, .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control:active, .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control.e-active, .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control.e-active:hover,
1903
1926
  .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-backgroundcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control:hover,
@@ -1960,8 +1983,8 @@
1960
1983
  .e-rte-toolbar.e-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control:active,
1961
1984
  .e-rte-toolbar.e-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control.e-active,
1962
1985
  .e-rte-toolbar.e-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control.e-active:hover {
1963
- padding-left: 0;
1964
- padding-right: 0;
1986
+ padding-left: 1px;
1987
+ padding-right: 1px;
1965
1988
  }
1966
1989
  .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-rte-color-content,
1967
1990
  .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-rte-list-primary-content,
@@ -2216,8 +2239,8 @@
2216
2239
  .e-bigger .e-rte-toolbar.e-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control:hover,
2217
2240
  .e-bigger .e-rte-toolbar.e-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control:focus,
2218
2241
  .e-bigger .e-rte-toolbar.e-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control:active {
2219
- padding-left: 0;
2220
- padding-right: 0;
2242
+ padding-left: 1px;
2243
+ padding-right: 1px;
2221
2244
  }
2222
2245
  .e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-rte-list-primary-content .e-order-list, .e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control.e-active .e-rte-list-primary-content .e-order-list,
2223
2246
  .e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-rte-list-primary-content .e-unorder-list, .e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control.e-active .e-rte-list-primary-content .e-unorder-list,
@@ -2305,7 +2328,7 @@
2305
2328
  .e-bigger .e-rte-toolbar.e-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-backgroundcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-icons.e-btn-icon,
2306
2329
  .e-bigger .e-rte-toolbar.e-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-numberformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-icons.e-btn-icon,
2307
2330
  .e-bigger .e-rte-toolbar.e-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-icons.e-btn-icon {
2308
- line-height: 36px;
2331
+ line-height: 38px;
2309
2332
  }
2310
2333
  .e-bigger .e-richtexteditor .e-rte-toolbar .e-tbar-btn.e-dropdown-btn.e-rte-backgroundcolor-dropdown,
2311
2334
  .e-bigger .e-richtexteditor .e-rte-toolbar .e-tbar-btn.e-dropdown-btn.e-rte-fontcolor-dropdown,
@@ -2603,7 +2626,7 @@
2603
2626
  margin: 0 auto;
2604
2627
  padding: 0 18px;
2605
2628
  position: relative;
2606
- top: -50px;
2629
+ top: -120px;
2607
2630
  }
2608
2631
  .e-rte-elements.e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
2609
2632
  .e-rte-elements.e-dialog .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
@@ -2625,7 +2648,7 @@
2625
2648
  }
2626
2649
  .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 {
2627
2650
  background: #4b5563;
2628
- border: 1px solid #6b7280;
2651
+ border: 0 solid #6b7280;
2629
2652
  }
2630
2653
  .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 {
2631
2654
  color: #d1d5db;
@@ -2903,7 +2926,7 @@
2903
2926
  }
2904
2927
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-tbar-btn {
2905
2928
  background: #374151;
2906
- border: 0;
2929
+ border: 1px solid transparent;
2907
2930
  }
2908
2931
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-tbar-btn:hover {
2909
2932
  background: #4b5563;
@@ -2922,7 +2945,7 @@
2922
2945
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-toolbar-item.e-active .e-tbar-btn,
2923
2946
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-toolbar-item.e-active .e-tbar-btn:focus {
2924
2947
  background: #4b5563;
2925
- border: 1px solid #6b7280;
2948
+ border: 0 solid #6b7280;
2926
2949
  }
2927
2950
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-toolbar-item.e-active .e-tbar-btn .e-icons,
2928
2951
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-toolbar-item.e-active .e-tbar-btn:focus .e-icons {
@@ -2955,14 +2978,20 @@
2955
2978
  display: block;
2956
2979
  font-family: "Inter";
2957
2980
  font-size: 14px;
2958
- height: 185px;
2981
+ height: 128px;
2959
2982
  margin: 0 auto;
2960
2983
  text-align: center;
2961
2984
  width: auto;
2962
2985
  }
2963
2986
 
2964
2987
  .e-dialog .e-vid-uploadwrap .e-droptext {
2965
- height: 108px;
2988
+ height: 128px;
2989
+ }
2990
+
2991
+ .e-bigger .e-richtexteditor .e-dialog .e-img-uploadwrap .e-droptext,
2992
+ .e-bigger .e-richtexteditor .e-dialog .e-aud-uploadwrap .e-droptext,
2993
+ .e-bigger .e-richtexteditor .e-dialog .e-vid-uploadwrap .e-droptext {
2994
+ height: 140px;
2966
2995
  }
2967
2996
 
2968
2997
  .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
@@ -3170,8 +3199,7 @@ span.e-table-box.e-rbox-select {
3170
3199
  }
3171
3200
 
3172
3201
  .e-richtexteditor .e-toolbar .e-tbar-btn {
3173
- border-bottom: 1px solid transparent;
3174
- border-top: 1px solid transparent;
3202
+ border: 1px solid transparent;
3175
3203
  }
3176
3204
 
3177
3205
  .e-richtexteditor .e-toolbar .e-tbar-btn:hover {
@@ -3184,6 +3212,14 @@ span.e-table-box.e-rbox-select {
3184
3212
  border: 1px solid #6b7280;
3185
3213
  }
3186
3214
 
3215
+ .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn {
3216
+ border: 1px solid transparent;
3217
+ }
3218
+
3219
+ .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
3220
+ border: 1px solid transparent;
3221
+ }
3222
+
3187
3223
  .e-richtexteditor.e-rte-tb-expand .e-rte-content-border {
3188
3224
  border-bottom: 0;
3189
3225
  }