@syncfusion/ej2-richtexteditor 24.1.47 → 24.2.3

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 (102) hide show
  1. package/CHANGELOG.md +12 -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 +748 -167
  6. package/dist/es6/ej2-richtexteditor.es2015.js.map +1 -1
  7. package/dist/es6/ej2-richtexteditor.es5.js +756 -166
  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/constant.d.ts +6 -0
  14. package/src/common/constant.js +6 -0
  15. package/src/common/util.js +31 -20
  16. package/src/editor-manager/base/constant.d.ts +6 -0
  17. package/src/editor-manager/base/constant.js +6 -0
  18. package/src/editor-manager/base/editor-manager.d.ts +5 -0
  19. package/src/editor-manager/base/editor-manager.js +59 -0
  20. package/src/editor-manager/base/interface.d.ts +8 -0
  21. package/src/editor-manager/plugin/dom-node.js +3 -1
  22. package/src/editor-manager/plugin/format-painter-actions.js +1 -1
  23. package/src/editor-manager/plugin/ms-word-clean-up.d.ts +2 -0
  24. package/src/editor-manager/plugin/ms-word-clean-up.js +39 -10
  25. package/src/editor-manager/plugin/selection-commands.js +16 -0
  26. package/src/editor-manager/plugin/table.d.ts +0 -1
  27. package/src/editor-manager/plugin/table.js +14 -26
  28. package/src/editor-manager/plugin/undo.d.ts +1 -0
  29. package/src/editor-manager/plugin/undo.js +21 -1
  30. package/src/rich-text-editor/actions/base-quick-toolbar.js +3 -0
  31. package/src/rich-text-editor/actions/base-toolbar.js +8 -4
  32. package/src/rich-text-editor/actions/count.js +1 -1
  33. package/src/rich-text-editor/actions/dropdown-buttons.js +21 -2
  34. package/src/rich-text-editor/actions/emoji-picker.js +1 -1
  35. package/src/rich-text-editor/actions/full-screen.js +1 -0
  36. package/src/rich-text-editor/actions/html-editor.d.ts +2 -0
  37. package/src/rich-text-editor/actions/html-editor.js +88 -4
  38. package/src/rich-text-editor/actions/keyboard.js +3 -1
  39. package/src/rich-text-editor/actions/paste-clean-up.d.ts +1 -0
  40. package/src/rich-text-editor/actions/paste-clean-up.js +32 -4
  41. package/src/rich-text-editor/actions/toolbar.d.ts +2 -1
  42. package/src/rich-text-editor/base/constant.d.ts +25 -0
  43. package/src/rich-text-editor/base/constant.js +194 -0
  44. package/src/rich-text-editor/base/interface.d.ts +6 -1
  45. package/src/rich-text-editor/base/rich-text-editor.d.ts +1 -0
  46. package/src/rich-text-editor/base/rich-text-editor.js +30 -60
  47. package/src/rich-text-editor/base/util.d.ts +4 -0
  48. package/src/rich-text-editor/base/util.js +35 -1
  49. package/src/rich-text-editor/formatter/formatter.js +15 -4
  50. package/src/rich-text-editor/models/default-locale.js +12 -12
  51. package/src/rich-text-editor/models/items.js +2 -2
  52. package/src/rich-text-editor/renderer/audio-module.d.ts +1 -0
  53. package/src/rich-text-editor/renderer/audio-module.js +13 -0
  54. package/src/rich-text-editor/renderer/dialog-renderer.d.ts +2 -0
  55. package/src/rich-text-editor/renderer/dialog-renderer.js +7 -0
  56. package/src/rich-text-editor/renderer/image-module.d.ts +1 -0
  57. package/src/rich-text-editor/renderer/image-module.js +20 -2
  58. package/src/rich-text-editor/renderer/link-module.js +10 -1
  59. package/src/rich-text-editor/renderer/table-module.d.ts +2 -0
  60. package/src/rich-text-editor/renderer/table-module.js +22 -2
  61. package/src/rich-text-editor/renderer/toolbar-renderer.d.ts +1 -0
  62. package/src/rich-text-editor/renderer/toolbar-renderer.js +25 -3
  63. package/src/rich-text-editor/renderer/video-module.d.ts +1 -0
  64. package/src/rich-text-editor/renderer/video-module.js +21 -4
  65. package/styles/bootstrap-dark.css +44 -6
  66. package/styles/bootstrap.css +44 -6
  67. package/styles/bootstrap4.css +44 -6
  68. package/styles/bootstrap5-dark.css +44 -6
  69. package/styles/bootstrap5.css +44 -6
  70. package/styles/fabric-dark.css +44 -6
  71. package/styles/fabric.css +44 -6
  72. package/styles/fluent-dark.css +44 -6
  73. package/styles/fluent.css +44 -6
  74. package/styles/highcontrast-light.css +44 -6
  75. package/styles/highcontrast.css +44 -6
  76. package/styles/material-dark.css +44 -6
  77. package/styles/material.css +44 -6
  78. package/styles/material3-dark.css +51 -13
  79. package/styles/material3.css +51 -13
  80. package/styles/rich-text-editor/_layout.scss +36 -1
  81. package/styles/rich-text-editor/_material-definition.scss +0 -1
  82. package/styles/rich-text-editor/_material3-definition.scss +7 -7
  83. package/styles/rich-text-editor/_theme.scss +9 -5
  84. package/styles/rich-text-editor/bootstrap-dark.css +44 -6
  85. package/styles/rich-text-editor/bootstrap.css +44 -6
  86. package/styles/rich-text-editor/bootstrap4.css +44 -6
  87. package/styles/rich-text-editor/bootstrap5-dark.css +44 -6
  88. package/styles/rich-text-editor/bootstrap5.css +44 -6
  89. package/styles/rich-text-editor/fabric-dark.css +44 -6
  90. package/styles/rich-text-editor/fabric.css +44 -6
  91. package/styles/rich-text-editor/fluent-dark.css +44 -6
  92. package/styles/rich-text-editor/fluent.css +44 -6
  93. package/styles/rich-text-editor/highcontrast-light.css +44 -6
  94. package/styles/rich-text-editor/highcontrast.css +44 -6
  95. package/styles/rich-text-editor/material-dark.css +44 -6
  96. package/styles/rich-text-editor/material.css +44 -6
  97. package/styles/rich-text-editor/material3-dark.css +51 -13
  98. package/styles/rich-text-editor/material3.css +51 -13
  99. package/styles/rich-text-editor/tailwind-dark.css +44 -6
  100. package/styles/rich-text-editor/tailwind.css +44 -6
  101. package/styles/tailwind-dark.css +44 -6
  102. package/styles/tailwind.css +44 -6
package/styles/rich-text-editor/material3-dark.css CHANGED
@@ -1039,6 +1039,34 @@
1039
1039
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn {
1040
1040
  font-size: 18px;
1041
1041
  }
1042
+ .e-richtexteditor .e-clickelem::after,
1043
+ .e-richtexteditor .e-video-clickelem::after {
1044
+ left: 0;
1045
+ right: 0;
1046
+ z-index: 1;
1047
+ }
1048
+ .e-richtexteditor .e-clickelem::before,
1049
+ .e-richtexteditor .e-video-clickelem::before {
1050
+ left: 0;
1051
+ right: 0;
1052
+ z-index: 1;
1053
+ }
1054
+ .e-richtexteditor .e-clickelem::before {
1055
+ bottom: 70%;
1056
+ top: 0;
1057
+ }
1058
+ .e-richtexteditor .e-clickelem::after {
1059
+ bottom: 0;
1060
+ top: 70%;
1061
+ }
1062
+ .e-richtexteditor .e-video-clickelem::before {
1063
+ bottom: 85%;
1064
+ top: 0;
1065
+ }
1066
+ .e-richtexteditor .e-video-clickelem::after {
1067
+ bottom: 0;
1068
+ top: 90%;
1069
+ }
1042
1070
 
1043
1071
  .e-rte-linkcontent .e-rte-label {
1044
1072
  padding-top: 20px;
@@ -1288,7 +1316,6 @@
1288
1316
  height: 20px;
1289
1317
  min-width: 20px;
1290
1318
  padding: 2px 5px;
1291
- vertical-align: middle;
1292
1319
  }
1293
1320
 
1294
1321
  .e-rte-table.e-dashed-border td,
@@ -1331,6 +1358,14 @@
1331
1358
  padding-top: 0;
1332
1359
  }
1333
1360
 
1361
+ .e-rte-video-dialog .e-rte-label {
1362
+ padding-top: 20px;
1363
+ }
1364
+
1365
+ .e-rte-video-dialog .e-rte-label:first-child {
1366
+ padding-top: 0;
1367
+ }
1368
+
1334
1369
  .e-rte-table-resize.e-row-resize,
1335
1370
  .e-rte-table-resize.e-column-resize {
1336
1371
  background-color: transparent;
@@ -1535,15 +1570,15 @@
1535
1570
  .e-rte-elements .e-rte-table-popup.e-popup-open .e-rte-tablecell {
1536
1571
  border: 1px solid rgba(var(--color-sf-outline-variant));
1537
1572
  display: inline-block;
1538
- height: 20px;
1539
- margin: 2px;
1573
+ height: 14px;
1574
+ margin: 1px;
1540
1575
  overflow: hidden;
1541
1576
  vertical-align: top;
1542
- width: 20px;
1577
+ width: 14px;
1543
1578
  }
1544
1579
  .e-richtexteditor .e-rte-table-popup.e-popup-open .e-rte-table-row,
1545
1580
  .e-rte-elements .e-rte-table-popup.e-popup-open .e-rte-table-row {
1546
- height: 24px;
1581
+ height: 16px;
1547
1582
  }
1548
1583
  .e-richtexteditor .e-rte-table-popup.e-popup-open .e-insert-table-btn,
1549
1584
  .e-rte-elements .e-rte-table-popup.e-popup-open .e-insert-table-btn {
@@ -2375,12 +2410,12 @@
2375
2410
  }
2376
2411
 
2377
2412
  .e-bigger .e-rte-table-popup.e-popup-open .e-rte-tablecell {
2378
- height: 24px;
2379
- width: 24px;
2413
+ height: 16px;
2414
+ width: 16px;
2380
2415
  }
2381
2416
 
2382
2417
  .e-bigger .e-rte-table-popup.e-popup-open .e-rte-table-row {
2383
- height: 28px;
2418
+ height: 18px;
2384
2419
  }
2385
2420
 
2386
2421
  .e-table-rhelper {
@@ -2892,15 +2927,18 @@
2892
2927
  .e-richtexteditor .e-clickelem::after,
2893
2928
  .e-richtexteditor .e-video-clickelem::after {
2894
2929
  background: transparent;
2895
- bottom: 0;
2896
2930
  content: "";
2897
2931
  cursor: default;
2898
2932
  display: block;
2899
- left: 0;
2900
2933
  position: absolute;
2901
- right: 0;
2902
- top: 0;
2903
- z-index: 1;
2934
+ }
2935
+ .e-richtexteditor .e-clickelem::before,
2936
+ .e-richtexteditor .e-video-clickelem::before {
2937
+ background: transparent;
2938
+ content: "";
2939
+ cursor: default;
2940
+ display: block;
2941
+ position: absolute;
2904
2942
  }
2905
2943
  .e-richtexteditor .e-videoheader,
2906
2944
  .e-richtexteditor .e-embed-videoheader,
package/styles/rich-text-editor/material3.css CHANGED
@@ -1095,6 +1095,34 @@
1095
1095
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn {
1096
1096
  font-size: 18px;
1097
1097
  }
1098
+ .e-richtexteditor .e-clickelem::after,
1099
+ .e-richtexteditor .e-video-clickelem::after {
1100
+ left: 0;
1101
+ right: 0;
1102
+ z-index: 1;
1103
+ }
1104
+ .e-richtexteditor .e-clickelem::before,
1105
+ .e-richtexteditor .e-video-clickelem::before {
1106
+ left: 0;
1107
+ right: 0;
1108
+ z-index: 1;
1109
+ }
1110
+ .e-richtexteditor .e-clickelem::before {
1111
+ bottom: 70%;
1112
+ top: 0;
1113
+ }
1114
+ .e-richtexteditor .e-clickelem::after {
1115
+ bottom: 0;
1116
+ top: 70%;
1117
+ }
1118
+ .e-richtexteditor .e-video-clickelem::before {
1119
+ bottom: 85%;
1120
+ top: 0;
1121
+ }
1122
+ .e-richtexteditor .e-video-clickelem::after {
1123
+ bottom: 0;
1124
+ top: 90%;
1125
+ }
1098
1126
 
1099
1127
  .e-rte-linkcontent .e-rte-label {
1100
1128
  padding-top: 20px;
@@ -1344,7 +1372,6 @@
1344
1372
  height: 20px;
1345
1373
  min-width: 20px;
1346
1374
  padding: 2px 5px;
1347
- vertical-align: middle;
1348
1375
  }
1349
1376
 
1350
1377
  .e-rte-table.e-dashed-border td,
@@ -1387,6 +1414,14 @@
1387
1414
  padding-top: 0;
1388
1415
  }
1389
1416
 
1417
+ .e-rte-video-dialog .e-rte-label {
1418
+ padding-top: 20px;
1419
+ }
1420
+
1421
+ .e-rte-video-dialog .e-rte-label:first-child {
1422
+ padding-top: 0;
1423
+ }
1424
+
1390
1425
  .e-rte-table-resize.e-row-resize,
1391
1426
  .e-rte-table-resize.e-column-resize {
1392
1427
  background-color: transparent;
@@ -1591,15 +1626,15 @@
1591
1626
  .e-rte-elements .e-rte-table-popup.e-popup-open .e-rte-tablecell {
1592
1627
  border: 1px solid rgba(var(--color-sf-outline-variant));
1593
1628
  display: inline-block;
1594
- height: 20px;
1595
- margin: 2px;
1629
+ height: 14px;
1630
+ margin: 1px;
1596
1631
  overflow: hidden;
1597
1632
  vertical-align: top;
1598
- width: 20px;
1633
+ width: 14px;
1599
1634
  }
1600
1635
  .e-richtexteditor .e-rte-table-popup.e-popup-open .e-rte-table-row,
1601
1636
  .e-rte-elements .e-rte-table-popup.e-popup-open .e-rte-table-row {
1602
- height: 24px;
1637
+ height: 16px;
1603
1638
  }
1604
1639
  .e-richtexteditor .e-rte-table-popup.e-popup-open .e-insert-table-btn,
1605
1640
  .e-rte-elements .e-rte-table-popup.e-popup-open .e-insert-table-btn {
@@ -2431,12 +2466,12 @@
2431
2466
  }
2432
2467
 
2433
2468
  .e-bigger .e-rte-table-popup.e-popup-open .e-rte-tablecell {
2434
- height: 24px;
2435
- width: 24px;
2469
+ height: 16px;
2470
+ width: 16px;
2436
2471
  }
2437
2472
 
2438
2473
  .e-bigger .e-rte-table-popup.e-popup-open .e-rte-table-row {
2439
- height: 28px;
2474
+ height: 18px;
2440
2475
  }
2441
2476
 
2442
2477
  .e-table-rhelper {
@@ -2948,15 +2983,18 @@
2948
2983
  .e-richtexteditor .e-clickelem::after,
2949
2984
  .e-richtexteditor .e-video-clickelem::after {
2950
2985
  background: transparent;
2951
- bottom: 0;
2952
2986
  content: "";
2953
2987
  cursor: default;
2954
2988
  display: block;
2955
- left: 0;
2956
2989
  position: absolute;
2957
- right: 0;
2958
- top: 0;
2959
- z-index: 1;
2990
+ }
2991
+ .e-richtexteditor .e-clickelem::before,
2992
+ .e-richtexteditor .e-video-clickelem::before {
2993
+ background: transparent;
2994
+ content: "";
2995
+ cursor: default;
2996
+ display: block;
2997
+ position: absolute;
2960
2998
  }
2961
2999
  .e-richtexteditor .e-videoheader,
2962
3000
  .e-richtexteditor .e-embed-videoheader,
package/styles/rich-text-editor/tailwind-dark.css CHANGED
@@ -988,6 +988,34 @@
988
988
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn {
989
989
  font-size: 20px;
990
990
  }
991
+ .e-richtexteditor .e-clickelem::after,
992
+ .e-richtexteditor .e-video-clickelem::after {
993
+ left: 0;
994
+ right: 0;
995
+ z-index: 1;
996
+ }
997
+ .e-richtexteditor .e-clickelem::before,
998
+ .e-richtexteditor .e-video-clickelem::before {
999
+ left: 0;
1000
+ right: 0;
1001
+ z-index: 1;
1002
+ }
1003
+ .e-richtexteditor .e-clickelem::before {
1004
+ bottom: 70%;
1005
+ top: 0;
1006
+ }
1007
+ .e-richtexteditor .e-clickelem::after {
1008
+ bottom: 0;
1009
+ top: 70%;
1010
+ }
1011
+ .e-richtexteditor .e-video-clickelem::before {
1012
+ bottom: 85%;
1013
+ top: 0;
1014
+ }
1015
+ .e-richtexteditor .e-video-clickelem::after {
1016
+ bottom: 0;
1017
+ top: 90%;
1018
+ }
991
1019
 
992
1020
  .e-rte-linkcontent .e-rte-label {
993
1021
  padding-top: 12px;
@@ -1237,7 +1265,6 @@
1237
1265
  height: 20px;
1238
1266
  min-width: 20px;
1239
1267
  padding: 2px 5px;
1240
- vertical-align: middle;
1241
1268
  }
1242
1269
 
1243
1270
  .e-rte-table.e-dashed-border td,
@@ -1280,6 +1307,14 @@
1280
1307
  padding-top: 0;
1281
1308
  }
1282
1309
 
1310
+ .e-rte-video-dialog .e-rte-label {
1311
+ padding-top: 12px;
1312
+ }
1313
+
1314
+ .e-rte-video-dialog .e-rte-label:first-child {
1315
+ padding-top: 0;
1316
+ }
1317
+
1283
1318
  .e-rte-table-resize.e-row-resize,
1284
1319
  .e-rte-table-resize.e-column-resize {
1285
1320
  background-color: transparent;
@@ -2825,15 +2860,18 @@
2825
2860
  .e-richtexteditor .e-clickelem::after,
2826
2861
  .e-richtexteditor .e-video-clickelem::after {
2827
2862
  background: transparent;
2828
- bottom: 0;
2829
2863
  content: "";
2830
2864
  cursor: default;
2831
2865
  display: block;
2832
- left: 0;
2833
2866
  position: absolute;
2834
- right: 0;
2835
- top: 0;
2836
- z-index: 1;
2867
+ }
2868
+ .e-richtexteditor .e-clickelem::before,
2869
+ .e-richtexteditor .e-video-clickelem::before {
2870
+ background: transparent;
2871
+ content: "";
2872
+ cursor: default;
2873
+ display: block;
2874
+ position: absolute;
2837
2875
  }
2838
2876
  .e-richtexteditor .e-videoheader,
2839
2877
  .e-richtexteditor .e-embed-videoheader,
package/styles/rich-text-editor/tailwind.css CHANGED
@@ -988,6 +988,34 @@
988
988
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn {
989
989
  font-size: 20px;
990
990
  }
991
+ .e-richtexteditor .e-clickelem::after,
992
+ .e-richtexteditor .e-video-clickelem::after {
993
+ left: 0;
994
+ right: 0;
995
+ z-index: 1;
996
+ }
997
+ .e-richtexteditor .e-clickelem::before,
998
+ .e-richtexteditor .e-video-clickelem::before {
999
+ left: 0;
1000
+ right: 0;
1001
+ z-index: 1;
1002
+ }
1003
+ .e-richtexteditor .e-clickelem::before {
1004
+ bottom: 70%;
1005
+ top: 0;
1006
+ }
1007
+ .e-richtexteditor .e-clickelem::after {
1008
+ bottom: 0;
1009
+ top: 70%;
1010
+ }
1011
+ .e-richtexteditor .e-video-clickelem::before {
1012
+ bottom: 85%;
1013
+ top: 0;
1014
+ }
1015
+ .e-richtexteditor .e-video-clickelem::after {
1016
+ bottom: 0;
1017
+ top: 90%;
1018
+ }
991
1019
 
992
1020
  .e-rte-linkcontent .e-rte-label {
993
1021
  padding-top: 12px;
@@ -1237,7 +1265,6 @@
1237
1265
  height: 20px;
1238
1266
  min-width: 20px;
1239
1267
  padding: 2px 5px;
1240
- vertical-align: middle;
1241
1268
  }
1242
1269
 
1243
1270
  .e-rte-table.e-dashed-border td,
@@ -1280,6 +1307,14 @@
1280
1307
  padding-top: 0;
1281
1308
  }
1282
1309
 
1310
+ .e-rte-video-dialog .e-rte-label {
1311
+ padding-top: 12px;
1312
+ }
1313
+
1314
+ .e-rte-video-dialog .e-rte-label:first-child {
1315
+ padding-top: 0;
1316
+ }
1317
+
1283
1318
  .e-rte-table-resize.e-row-resize,
1284
1319
  .e-rte-table-resize.e-column-resize {
1285
1320
  background-color: transparent;
@@ -2825,15 +2860,18 @@
2825
2860
  .e-richtexteditor .e-clickelem::after,
2826
2861
  .e-richtexteditor .e-video-clickelem::after {
2827
2862
  background: transparent;
2828
- bottom: 0;
2829
2863
  content: "";
2830
2864
  cursor: default;
2831
2865
  display: block;
2832
- left: 0;
2833
2866
  position: absolute;
2834
- right: 0;
2835
- top: 0;
2836
- z-index: 1;
2867
+ }
2868
+ .e-richtexteditor .e-clickelem::before,
2869
+ .e-richtexteditor .e-video-clickelem::before {
2870
+ background: transparent;
2871
+ content: "";
2872
+ cursor: default;
2873
+ display: block;
2874
+ position: absolute;
2837
2875
  }
2838
2876
  .e-richtexteditor .e-videoheader,
2839
2877
  .e-richtexteditor .e-embed-videoheader,
package/styles/tailwind-dark.css CHANGED
@@ -988,6 +988,34 @@
988
988
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn {
989
989
  font-size: 20px;
990
990
  }
991
+ .e-richtexteditor .e-clickelem::after,
992
+ .e-richtexteditor .e-video-clickelem::after {
993
+ left: 0;
994
+ right: 0;
995
+ z-index: 1;
996
+ }
997
+ .e-richtexteditor .e-clickelem::before,
998
+ .e-richtexteditor .e-video-clickelem::before {
999
+ left: 0;
1000
+ right: 0;
1001
+ z-index: 1;
1002
+ }
1003
+ .e-richtexteditor .e-clickelem::before {
1004
+ bottom: 70%;
1005
+ top: 0;
1006
+ }
1007
+ .e-richtexteditor .e-clickelem::after {
1008
+ bottom: 0;
1009
+ top: 70%;
1010
+ }
1011
+ .e-richtexteditor .e-video-clickelem::before {
1012
+ bottom: 85%;
1013
+ top: 0;
1014
+ }
1015
+ .e-richtexteditor .e-video-clickelem::after {
1016
+ bottom: 0;
1017
+ top: 90%;
1018
+ }
991
1019
 
992
1020
  .e-rte-linkcontent .e-rte-label {
993
1021
  padding-top: 12px;
@@ -1237,7 +1265,6 @@
1237
1265
  height: 20px;
1238
1266
  min-width: 20px;
1239
1267
  padding: 2px 5px;
1240
- vertical-align: middle;
1241
1268
  }
1242
1269
 
1243
1270
  .e-rte-table.e-dashed-border td,
@@ -1280,6 +1307,14 @@
1280
1307
  padding-top: 0;
1281
1308
  }
1282
1309
 
1310
+ .e-rte-video-dialog .e-rte-label {
1311
+ padding-top: 12px;
1312
+ }
1313
+
1314
+ .e-rte-video-dialog .e-rte-label:first-child {
1315
+ padding-top: 0;
1316
+ }
1317
+
1283
1318
  .e-rte-table-resize.e-row-resize,
1284
1319
  .e-rte-table-resize.e-column-resize {
1285
1320
  background-color: transparent;
@@ -2825,15 +2860,18 @@
2825
2860
  .e-richtexteditor .e-clickelem::after,
2826
2861
  .e-richtexteditor .e-video-clickelem::after {
2827
2862
  background: transparent;
2828
- bottom: 0;
2829
2863
  content: "";
2830
2864
  cursor: default;
2831
2865
  display: block;
2832
- left: 0;
2833
2866
  position: absolute;
2834
- right: 0;
2835
- top: 0;
2836
- z-index: 1;
2867
+ }
2868
+ .e-richtexteditor .e-clickelem::before,
2869
+ .e-richtexteditor .e-video-clickelem::before {
2870
+ background: transparent;
2871
+ content: "";
2872
+ cursor: default;
2873
+ display: block;
2874
+ position: absolute;
2837
2875
  }
2838
2876
  .e-richtexteditor .e-videoheader,
2839
2877
  .e-richtexteditor .e-embed-videoheader,
package/styles/tailwind.css CHANGED
@@ -988,6 +988,34 @@
988
988
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn {
989
989
  font-size: 20px;
990
990
  }
991
+ .e-richtexteditor .e-clickelem::after,
992
+ .e-richtexteditor .e-video-clickelem::after {
993
+ left: 0;
994
+ right: 0;
995
+ z-index: 1;
996
+ }
997
+ .e-richtexteditor .e-clickelem::before,
998
+ .e-richtexteditor .e-video-clickelem::before {
999
+ left: 0;
1000
+ right: 0;
1001
+ z-index: 1;
1002
+ }
1003
+ .e-richtexteditor .e-clickelem::before {
1004
+ bottom: 70%;
1005
+ top: 0;
1006
+ }
1007
+ .e-richtexteditor .e-clickelem::after {
1008
+ bottom: 0;
1009
+ top: 70%;
1010
+ }
1011
+ .e-richtexteditor .e-video-clickelem::before {
1012
+ bottom: 85%;
1013
+ top: 0;
1014
+ }
1015
+ .e-richtexteditor .e-video-clickelem::after {
1016
+ bottom: 0;
1017
+ top: 90%;
1018
+ }
991
1019
 
992
1020
  .e-rte-linkcontent .e-rte-label {
993
1021
  padding-top: 12px;
@@ -1237,7 +1265,6 @@
1237
1265
  height: 20px;
1238
1266
  min-width: 20px;
1239
1267
  padding: 2px 5px;
1240
- vertical-align: middle;
1241
1268
  }
1242
1269
 
1243
1270
  .e-rte-table.e-dashed-border td,
@@ -1280,6 +1307,14 @@
1280
1307
  padding-top: 0;
1281
1308
  }
1282
1309
 
1310
+ .e-rte-video-dialog .e-rte-label {
1311
+ padding-top: 12px;
1312
+ }
1313
+
1314
+ .e-rte-video-dialog .e-rte-label:first-child {
1315
+ padding-top: 0;
1316
+ }
1317
+
1283
1318
  .e-rte-table-resize.e-row-resize,
1284
1319
  .e-rte-table-resize.e-column-resize {
1285
1320
  background-color: transparent;
@@ -2825,15 +2860,18 @@
2825
2860
  .e-richtexteditor .e-clickelem::after,
2826
2861
  .e-richtexteditor .e-video-clickelem::after {
2827
2862
  background: transparent;
2828
- bottom: 0;
2829
2863
  content: "";
2830
2864
  cursor: default;
2831
2865
  display: block;
2832
- left: 0;
2833
2866
  position: absolute;
2834
- right: 0;
2835
- top: 0;
2836
- z-index: 1;
2867
+ }
2868
+ .e-richtexteditor .e-clickelem::before,
2869
+ .e-richtexteditor .e-video-clickelem::before {
2870
+ background: transparent;
2871
+ content: "";
2872
+ cursor: default;
2873
+ display: block;
2874
+ position: absolute;
2837
2875
  }
2838
2876
  .e-richtexteditor .e-videoheader,
2839
2877
  .e-richtexteditor .e-embed-videoheader,