@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
@@ -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,
@@ -631,6 +631,34 @@
631
631
  .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn{
632
632
  font-size: $rte-tbar-icon-size;
633
633
  }
634
+ .e-clickelem::after,
635
+ .e-video-clickelem::after {
636
+ left: 0;
637
+ right: 0;
638
+ z-index: 1;
639
+ }
640
+ .e-clickelem::before,
641
+ .e-video-clickelem::before {
642
+ left: 0;
643
+ right: 0;
644
+ z-index: 1;
645
+ }
646
+ .e-clickelem::before {
647
+ bottom: 70%;
648
+ top: 0;
649
+ }
650
+ .e-clickelem::after {
651
+ bottom: 0;
652
+ top: 70%;
653
+ }
654
+ .e-video-clickelem::before {
655
+ bottom: 85%;
656
+ top: 0;
657
+ }
658
+ .e-video-clickelem::after {
659
+ bottom: 0;
660
+ top: 90%;
661
+ }
634
662
  }
635
663
 
636
664
  .e-rte-linkcontent .e-rte-label {
@@ -926,7 +954,6 @@
926
954
  height: 20px;
927
955
  min-width: 20px;
928
956
  padding: 2px 5px;
929
- vertical-align: middle;
930
957
  }
931
958
 
932
959
  .e-rte-table.e-dashed-border td,
@@ -969,6 +996,14 @@
969
996
  padding-top: 0;
970
997
  }
971
998
 
999
+ .e-rte-video-dialog .e-rte-label {
1000
+ padding-top: $rte-insert-dialog-label-padding-top;
1001
+ }
1002
+
1003
+ .e-rte-video-dialog .e-rte-label:first-child {
1004
+ padding-top: 0;
1005
+ }
1006
+
972
1007
  .e-rte-table-resize.e-row-resize,
973
1008
  .e-rte-table-resize.e-column-resize {
974
1009
  background-color: transparent;
@@ -159,7 +159,6 @@ $rte-big-quick-tbar-item-min-height: 34px !default;
159
159
  $rte-big-quick-tbar-item-min-width: 39px !default;
160
160
  $rte-content-font-size: 14px !default;
161
161
  $rte-big-content-font-size: 16px !default;
162
- $rte-big-content-font-size: 16px !default;
163
162
  $rte-dropdown-caret-icon-size: 12px !default;
164
163
  $rte-big-dropdown-caret-icon-size: 12px !default;
165
164
  $rte-toolbar-icon-size: 14px !default;
@@ -93,13 +93,13 @@ $rte-inline-dropdown-line-height: 14px !default;
93
93
  $rte-big-inline-dropdown-line-height: 14px !default;
94
94
  $rte-insert-dialog-font-size: 10px;
95
95
  $rte-big-insert-dialog-font-size: 10px;
96
- $rte-table-popup-tablecell-height: 20px;
97
- $rte-table-popup-tablecell-width: 20px;
98
- $rte-table-popup-tablecell-margin: 2px;
99
- $rte-table-popup-row-height : 24px;
100
- $rte-big-table-row-height : 28px;
101
- $rte-big-tablecell-height : 24px;
102
- $rte-big-tablecell-width : 24px;
96
+ $rte-table-popup-tablecell-height: 14px;
97
+ $rte-table-popup-tablecell-width: 14px;
98
+ $rte-table-popup-tablecell-margin: 1px;
99
+ $rte-table-popup-row-height : 16px;
100
+ $rte-big-table-row-height : 18px;
101
+ $rte-big-tablecell-height : 16px;
102
+ $rte-big-tablecell-width : 16px;
103
103
  $rte-toolbar-item-frist-last-child-margin: 0;
104
104
  $rte-big-toolbar-item-frist-last-child-margin: 0;
105
105
  $rte-toolbar-expaned-padding: 0 7px;
@@ -360,15 +360,19 @@
360
360
  .e-clickelem::after,
361
361
  .e-video-clickelem::after {
362
362
  background: transparent;
363
- bottom: 0;
364
363
  content: '';
365
364
  cursor: default;
366
365
  display: block;
367
- left: 0;
368
366
  position: absolute;
369
- right: 0;
370
- top: 0;
371
- z-index: 1;
367
+ }
368
+
369
+ .e-clickelem::before,
370
+ .e-video-clickelem::before {
371
+ background: transparent;
372
+ content: '';
373
+ cursor: default;
374
+ display: block;
375
+ position: absolute;
372
376
  }
373
377
 
374
378
  .e-videoheader,
@@ -995,6 +995,34 @@
995
995
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn {
996
996
  font-size: 16px;
997
997
  }
998
+ .e-richtexteditor .e-clickelem::after,
999
+ .e-richtexteditor .e-video-clickelem::after {
1000
+ left: 0;
1001
+ right: 0;
1002
+ z-index: 1;
1003
+ }
1004
+ .e-richtexteditor .e-clickelem::before,
1005
+ .e-richtexteditor .e-video-clickelem::before {
1006
+ left: 0;
1007
+ right: 0;
1008
+ z-index: 1;
1009
+ }
1010
+ .e-richtexteditor .e-clickelem::before {
1011
+ bottom: 70%;
1012
+ top: 0;
1013
+ }
1014
+ .e-richtexteditor .e-clickelem::after {
1015
+ bottom: 0;
1016
+ top: 70%;
1017
+ }
1018
+ .e-richtexteditor .e-video-clickelem::before {
1019
+ bottom: 85%;
1020
+ top: 0;
1021
+ }
1022
+ .e-richtexteditor .e-video-clickelem::after {
1023
+ bottom: 0;
1024
+ top: 90%;
1025
+ }
998
1026
 
999
1027
  .e-rte-linkcontent .e-rte-label {
1000
1028
  padding-top: 20px;
@@ -1244,7 +1272,6 @@
1244
1272
  height: 20px;
1245
1273
  min-width: 20px;
1246
1274
  padding: 2px 5px;
1247
- vertical-align: middle;
1248
1275
  }
1249
1276
 
1250
1277
  .e-rte-table.e-dashed-border td,
@@ -1287,6 +1314,14 @@
1287
1314
  padding-top: 0;
1288
1315
  }
1289
1316
 
1317
+ .e-rte-video-dialog .e-rte-label {
1318
+ padding-top: 20px;
1319
+ }
1320
+
1321
+ .e-rte-video-dialog .e-rte-label:first-child {
1322
+ padding-top: 0;
1323
+ }
1324
+
1290
1325
  .e-rte-table-resize.e-row-resize,
1291
1326
  .e-rte-table-resize.e-column-resize {
1292
1327
  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,
@@ -1136,6 +1136,34 @@
1136
1136
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn {
1137
1137
  font-size: 16px;
1138
1138
  }
1139
+ .e-richtexteditor .e-clickelem::after,
1140
+ .e-richtexteditor .e-video-clickelem::after {
1141
+ left: 0;
1142
+ right: 0;
1143
+ z-index: 1;
1144
+ }
1145
+ .e-richtexteditor .e-clickelem::before,
1146
+ .e-richtexteditor .e-video-clickelem::before {
1147
+ left: 0;
1148
+ right: 0;
1149
+ z-index: 1;
1150
+ }
1151
+ .e-richtexteditor .e-clickelem::before {
1152
+ bottom: 70%;
1153
+ top: 0;
1154
+ }
1155
+ .e-richtexteditor .e-clickelem::after {
1156
+ bottom: 0;
1157
+ top: 70%;
1158
+ }
1159
+ .e-richtexteditor .e-video-clickelem::before {
1160
+ bottom: 85%;
1161
+ top: 0;
1162
+ }
1163
+ .e-richtexteditor .e-video-clickelem::after {
1164
+ bottom: 0;
1165
+ top: 90%;
1166
+ }
1139
1167
 
1140
1168
  .e-rte-linkcontent .e-rte-label {
1141
1169
  padding-top: 20px;
@@ -1385,7 +1413,6 @@
1385
1413
  height: 20px;
1386
1414
  min-width: 20px;
1387
1415
  padding: 2px 5px;
1388
- vertical-align: middle;
1389
1416
  }
1390
1417
 
1391
1418
  .e-rte-table.e-dashed-border td,
@@ -1428,6 +1455,14 @@
1428
1455
  padding-top: 0;
1429
1456
  }
1430
1457
 
1458
+ .e-rte-video-dialog .e-rte-label {
1459
+ padding-top: 20px;
1460
+ }
1461
+
1462
+ .e-rte-video-dialog .e-rte-label:first-child {
1463
+ padding-top: 0;
1464
+ }
1465
+
1431
1466
  .e-rte-table-resize.e-row-resize,
1432
1467
  .e-rte-table-resize.e-column-resize {
1433
1468
  background-color: transparent;
@@ -2971,15 +3006,18 @@
2971
3006
  .e-richtexteditor .e-clickelem::after,
2972
3007
  .e-richtexteditor .e-video-clickelem::after {
2973
3008
  background: transparent;
2974
- bottom: 0;
2975
3009
  content: "";
2976
3010
  cursor: default;
2977
3011
  display: block;
2978
- left: 0;
2979
3012
  position: absolute;
2980
- right: 0;
2981
- top: 0;
2982
- z-index: 1;
3013
+ }
3014
+ .e-richtexteditor .e-clickelem::before,
3015
+ .e-richtexteditor .e-video-clickelem::before {
3016
+ background: transparent;
3017
+ content: "";
3018
+ cursor: default;
3019
+ display: block;
3020
+ position: absolute;
2983
3021
  }
2984
3022
  .e-richtexteditor .e-videoheader,
2985
3023
  .e-richtexteditor .e-embed-videoheader,
@@ -1231,6 +1231,34 @@
1231
1231
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn {
1232
1232
  font-size: 16px;
1233
1233
  }
1234
+ .e-richtexteditor .e-clickelem::after,
1235
+ .e-richtexteditor .e-video-clickelem::after {
1236
+ left: 0;
1237
+ right: 0;
1238
+ z-index: 1;
1239
+ }
1240
+ .e-richtexteditor .e-clickelem::before,
1241
+ .e-richtexteditor .e-video-clickelem::before {
1242
+ left: 0;
1243
+ right: 0;
1244
+ z-index: 1;
1245
+ }
1246
+ .e-richtexteditor .e-clickelem::before {
1247
+ bottom: 70%;
1248
+ top: 0;
1249
+ }
1250
+ .e-richtexteditor .e-clickelem::after {
1251
+ bottom: 0;
1252
+ top: 70%;
1253
+ }
1254
+ .e-richtexteditor .e-video-clickelem::before {
1255
+ bottom: 85%;
1256
+ top: 0;
1257
+ }
1258
+ .e-richtexteditor .e-video-clickelem::after {
1259
+ bottom: 0;
1260
+ top: 90%;
1261
+ }
1234
1262
 
1235
1263
  .e-rte-linkcontent .e-rte-label {
1236
1264
  padding-top: 14px;
@@ -1480,7 +1508,6 @@
1480
1508
  height: 20px;
1481
1509
  min-width: 20px;
1482
1510
  padding: 2px 5px;
1483
- vertical-align: middle;
1484
1511
  }
1485
1512
 
1486
1513
  .e-rte-table.e-dashed-border td,
@@ -1523,6 +1550,14 @@
1523
1550
  padding-top: 0;
1524
1551
  }
1525
1552
 
1553
+ .e-rte-video-dialog .e-rte-label {
1554
+ padding-top: 14px;
1555
+ }
1556
+
1557
+ .e-rte-video-dialog .e-rte-label:first-child {
1558
+ padding-top: 0;
1559
+ }
1560
+
1526
1561
  .e-rte-table-resize.e-row-resize,
1527
1562
  .e-rte-table-resize.e-column-resize {
1528
1563
  background-color: transparent;
@@ -3053,15 +3088,18 @@
3053
3088
  .e-richtexteditor .e-clickelem::after,
3054
3089
  .e-richtexteditor .e-video-clickelem::after {
3055
3090
  background: transparent;
3056
- bottom: 0;
3057
3091
  content: "";
3058
3092
  cursor: default;
3059
3093
  display: block;
3060
- left: 0;
3061
3094
  position: absolute;
3062
- right: 0;
3063
- top: 0;
3064
- z-index: 1;
3095
+ }
3096
+ .e-richtexteditor .e-clickelem::before,
3097
+ .e-richtexteditor .e-video-clickelem::before {
3098
+ background: transparent;
3099
+ content: "";
3100
+ cursor: default;
3101
+ display: block;
3102
+ position: absolute;
3065
3103
  }
3066
3104
  .e-richtexteditor .e-videoheader,
3067
3105
  .e-richtexteditor .e-embed-videoheader,
@@ -1002,6 +1002,34 @@
1002
1002
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn {
1003
1003
  font-size: 12px;
1004
1004
  }
1005
+ .e-richtexteditor .e-clickelem::after,
1006
+ .e-richtexteditor .e-video-clickelem::after {
1007
+ left: 0;
1008
+ right: 0;
1009
+ z-index: 1;
1010
+ }
1011
+ .e-richtexteditor .e-clickelem::before,
1012
+ .e-richtexteditor .e-video-clickelem::before {
1013
+ left: 0;
1014
+ right: 0;
1015
+ z-index: 1;
1016
+ }
1017
+ .e-richtexteditor .e-clickelem::before {
1018
+ bottom: 70%;
1019
+ top: 0;
1020
+ }
1021
+ .e-richtexteditor .e-clickelem::after {
1022
+ bottom: 0;
1023
+ top: 70%;
1024
+ }
1025
+ .e-richtexteditor .e-video-clickelem::before {
1026
+ bottom: 85%;
1027
+ top: 0;
1028
+ }
1029
+ .e-richtexteditor .e-video-clickelem::after {
1030
+ bottom: 0;
1031
+ top: 90%;
1032
+ }
1005
1033
 
1006
1034
  .e-rte-linkcontent .e-rte-label {
1007
1035
  padding-top: 12px;
@@ -1251,7 +1279,6 @@
1251
1279
  height: 20px;
1252
1280
  min-width: 20px;
1253
1281
  padding: 2px 5px;
1254
- vertical-align: middle;
1255
1282
  }
1256
1283
 
1257
1284
  .e-rte-table.e-dashed-border td,
@@ -1294,6 +1321,14 @@
1294
1321
  padding-top: 0;
1295
1322
  }
1296
1323
 
1324
+ .e-rte-video-dialog .e-rte-label {
1325
+ padding-top: 12px;
1326
+ }
1327
+
1328
+ .e-rte-video-dialog .e-rte-label:first-child {
1329
+ padding-top: 0;
1330
+ }
1331
+
1297
1332
  .e-rte-table-resize.e-row-resize,
1298
1333
  .e-rte-table-resize.e-column-resize {
1299
1334
  background-color: transparent;
@@ -2889,15 +2924,18 @@
2889
2924
  .e-richtexteditor .e-clickelem::after,
2890
2925
  .e-richtexteditor .e-video-clickelem::after {
2891
2926
  background: transparent;
2892
- bottom: 0;
2893
2927
  content: "";
2894
2928
  cursor: default;
2895
2929
  display: block;
2896
- left: 0;
2897
2930
  position: absolute;
2898
- right: 0;
2899
- top: 0;
2900
- z-index: 1;
2931
+ }
2932
+ .e-richtexteditor .e-clickelem::before,
2933
+ .e-richtexteditor .e-video-clickelem::before {
2934
+ background: transparent;
2935
+ content: "";
2936
+ cursor: default;
2937
+ display: block;
2938
+ position: absolute;
2901
2939
  }
2902
2940
  .e-richtexteditor .e-videoheader,
2903
2941
  .e-richtexteditor .e-embed-videoheader,
@@ -1002,6 +1002,34 @@
1002
1002
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn {
1003
1003
  font-size: 12px;
1004
1004
  }
1005
+ .e-richtexteditor .e-clickelem::after,
1006
+ .e-richtexteditor .e-video-clickelem::after {
1007
+ left: 0;
1008
+ right: 0;
1009
+ z-index: 1;
1010
+ }
1011
+ .e-richtexteditor .e-clickelem::before,
1012
+ .e-richtexteditor .e-video-clickelem::before {
1013
+ left: 0;
1014
+ right: 0;
1015
+ z-index: 1;
1016
+ }
1017
+ .e-richtexteditor .e-clickelem::before {
1018
+ bottom: 70%;
1019
+ top: 0;
1020
+ }
1021
+ .e-richtexteditor .e-clickelem::after {
1022
+ bottom: 0;
1023
+ top: 70%;
1024
+ }
1025
+ .e-richtexteditor .e-video-clickelem::before {
1026
+ bottom: 85%;
1027
+ top: 0;
1028
+ }
1029
+ .e-richtexteditor .e-video-clickelem::after {
1030
+ bottom: 0;
1031
+ top: 90%;
1032
+ }
1005
1033
 
1006
1034
  .e-rte-linkcontent .e-rte-label {
1007
1035
  padding-top: 12px;
@@ -1251,7 +1279,6 @@
1251
1279
  height: 20px;
1252
1280
  min-width: 20px;
1253
1281
  padding: 2px 5px;
1254
- vertical-align: middle;
1255
1282
  }
1256
1283
 
1257
1284
  .e-rte-table.e-dashed-border td,
@@ -1294,6 +1321,14 @@
1294
1321
  padding-top: 0;
1295
1322
  }
1296
1323
 
1324
+ .e-rte-video-dialog .e-rte-label {
1325
+ padding-top: 12px;
1326
+ }
1327
+
1328
+ .e-rte-video-dialog .e-rte-label:first-child {
1329
+ padding-top: 0;
1330
+ }
1331
+
1297
1332
  .e-rte-table-resize.e-row-resize,
1298
1333
  .e-rte-table-resize.e-column-resize {
1299
1334
  background-color: transparent;
@@ -2889,15 +2924,18 @@
2889
2924
  .e-richtexteditor .e-clickelem::after,
2890
2925
  .e-richtexteditor .e-video-clickelem::after {
2891
2926
  background: transparent;
2892
- bottom: 0;
2893
2927
  content: "";
2894
2928
  cursor: default;
2895
2929
  display: block;
2896
- left: 0;
2897
2930
  position: absolute;
2898
- right: 0;
2899
- top: 0;
2900
- z-index: 1;
2931
+ }
2932
+ .e-richtexteditor .e-clickelem::before,
2933
+ .e-richtexteditor .e-video-clickelem::before {
2934
+ background: transparent;
2935
+ content: "";
2936
+ cursor: default;
2937
+ display: block;
2938
+ position: absolute;
2901
2939
  }
2902
2940
  .e-richtexteditor .e-videoheader,
2903
2941
  .e-richtexteditor .e-embed-videoheader,