@syncfusion/ej2-richtexteditor 24.1.47 → 24.2.4

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 (106) hide show
  1. package/CHANGELOG.md +30 -2
  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 +832 -209
  6. package/dist/es6/ej2-richtexteditor.es2015.js.map +1 -1
  7. package/dist/es6/ej2-richtexteditor.es5.js +835 -203
  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.d.ts +6 -0
  16. package/src/common/util.js +58 -20
  17. package/src/editor-manager/base/constant.d.ts +6 -0
  18. package/src/editor-manager/base/constant.js +6 -0
  19. package/src/editor-manager/base/editor-manager.d.ts +5 -0
  20. package/src/editor-manager/base/editor-manager.js +59 -0
  21. package/src/editor-manager/base/interface.d.ts +8 -0
  22. package/src/editor-manager/plugin/dom-node.js +3 -1
  23. package/src/editor-manager/plugin/format-painter-actions.js +1 -1
  24. package/src/editor-manager/plugin/inserthtml.js +7 -2
  25. package/src/editor-manager/plugin/ms-word-clean-up.d.ts +2 -0
  26. package/src/editor-manager/plugin/ms-word-clean-up.js +39 -10
  27. package/src/editor-manager/plugin/selection-commands.js +16 -0
  28. package/src/editor-manager/plugin/table.d.ts +0 -1
  29. package/src/editor-manager/plugin/table.js +14 -26
  30. package/src/editor-manager/plugin/undo.d.ts +1 -0
  31. package/src/editor-manager/plugin/undo.js +21 -1
  32. package/src/rich-text-editor/actions/base-quick-toolbar.js +3 -0
  33. package/src/rich-text-editor/actions/base-toolbar.js +8 -4
  34. package/src/rich-text-editor/actions/count.js +1 -1
  35. package/src/rich-text-editor/actions/dropdown-buttons.js +21 -2
  36. package/src/rich-text-editor/actions/emoji-picker.js +1 -1
  37. package/src/rich-text-editor/actions/full-screen.js +1 -0
  38. package/src/rich-text-editor/actions/html-editor.d.ts +2 -0
  39. package/src/rich-text-editor/actions/html-editor.js +88 -4
  40. package/src/rich-text-editor/actions/keyboard.js +3 -1
  41. package/src/rich-text-editor/actions/paste-clean-up.d.ts +1 -0
  42. package/src/rich-text-editor/actions/paste-clean-up.js +32 -4
  43. package/src/rich-text-editor/actions/toolbar.d.ts +2 -1
  44. package/src/rich-text-editor/base/constant.d.ts +25 -0
  45. package/src/rich-text-editor/base/constant.js +194 -0
  46. package/src/rich-text-editor/base/interface.d.ts +6 -1
  47. package/src/rich-text-editor/base/rich-text-editor.d.ts +1 -0
  48. package/src/rich-text-editor/base/rich-text-editor.js +34 -64
  49. package/src/rich-text-editor/base/util.d.ts +4 -0
  50. package/src/rich-text-editor/base/util.js +35 -1
  51. package/src/rich-text-editor/formatter/formatter.js +15 -4
  52. package/src/rich-text-editor/models/default-locale.js +17 -17
  53. package/src/rich-text-editor/models/items.js +2 -2
  54. package/src/rich-text-editor/renderer/audio-module.d.ts +1 -0
  55. package/src/rich-text-editor/renderer/audio-module.js +13 -0
  56. package/src/rich-text-editor/renderer/dialog-renderer.d.ts +2 -0
  57. package/src/rich-text-editor/renderer/dialog-renderer.js +7 -0
  58. package/src/rich-text-editor/renderer/iframe-content-renderer.js +1 -1
  59. package/src/rich-text-editor/renderer/image-module.d.ts +1 -0
  60. package/src/rich-text-editor/renderer/image-module.js +20 -2
  61. package/src/rich-text-editor/renderer/link-module.js +10 -1
  62. package/src/rich-text-editor/renderer/table-module.d.ts +2 -0
  63. package/src/rich-text-editor/renderer/table-module.js +22 -2
  64. package/src/rich-text-editor/renderer/toolbar-renderer.d.ts +1 -0
  65. package/src/rich-text-editor/renderer/toolbar-renderer.js +25 -3
  66. package/src/rich-text-editor/renderer/video-module.d.ts +3 -0
  67. package/src/rich-text-editor/renderer/video-module.js +54 -30
  68. package/src/selection/selection.js +3 -0
  69. package/styles/bootstrap-dark.css +44 -6
  70. package/styles/bootstrap.css +44 -6
  71. package/styles/bootstrap4.css +44 -6
  72. package/styles/bootstrap5-dark.css +44 -6
  73. package/styles/bootstrap5.css +44 -6
  74. package/styles/fabric-dark.css +44 -6
  75. package/styles/fabric.css +44 -6
  76. package/styles/fluent-dark.css +44 -6
  77. package/styles/fluent.css +44 -6
  78. package/styles/highcontrast-light.css +44 -6
  79. package/styles/highcontrast.css +44 -6
  80. package/styles/material-dark.css +44 -6
  81. package/styles/material.css +44 -6
  82. package/styles/material3-dark.css +58 -14
  83. package/styles/material3.css +58 -14
  84. package/styles/rich-text-editor/_layout.scss +39 -2
  85. package/styles/rich-text-editor/_material-definition.scss +0 -1
  86. package/styles/rich-text-editor/_material3-definition.scss +7 -7
  87. package/styles/rich-text-editor/_theme.scss +12 -5
  88. package/styles/rich-text-editor/bootstrap-dark.css +44 -6
  89. package/styles/rich-text-editor/bootstrap.css +44 -6
  90. package/styles/rich-text-editor/bootstrap4.css +44 -6
  91. package/styles/rich-text-editor/bootstrap5-dark.css +44 -6
  92. package/styles/rich-text-editor/bootstrap5.css +44 -6
  93. package/styles/rich-text-editor/fabric-dark.css +44 -6
  94. package/styles/rich-text-editor/fabric.css +44 -6
  95. package/styles/rich-text-editor/fluent-dark.css +44 -6
  96. package/styles/rich-text-editor/fluent.css +44 -6
  97. package/styles/rich-text-editor/highcontrast-light.css +44 -6
  98. package/styles/rich-text-editor/highcontrast.css +44 -6
  99. package/styles/rich-text-editor/material-dark.css +44 -6
  100. package/styles/rich-text-editor/material.css +44 -6
  101. package/styles/rich-text-editor/material3-dark.css +58 -14
  102. package/styles/rich-text-editor/material3.css +58 -14
  103. package/styles/rich-text-editor/tailwind-dark.css +44 -6
  104. package/styles/rich-text-editor/tailwind.css +44 -6
  105. package/styles/tailwind-dark.css +44 -6
  106. package/styles/tailwind.css +44 -6
@@ -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,
@@ -984,6 +984,34 @@
984
984
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn {
985
985
  font-size: 16px;
986
986
  }
987
+ .e-richtexteditor .e-clickelem::after,
988
+ .e-richtexteditor .e-video-clickelem::after {
989
+ left: 0;
990
+ right: 0;
991
+ z-index: 1;
992
+ }
993
+ .e-richtexteditor .e-clickelem::before,
994
+ .e-richtexteditor .e-video-clickelem::before {
995
+ left: 0;
996
+ right: 0;
997
+ z-index: 1;
998
+ }
999
+ .e-richtexteditor .e-clickelem::before {
1000
+ bottom: 70%;
1001
+ top: 0;
1002
+ }
1003
+ .e-richtexteditor .e-clickelem::after {
1004
+ bottom: 0;
1005
+ top: 70%;
1006
+ }
1007
+ .e-richtexteditor .e-video-clickelem::before {
1008
+ bottom: 85%;
1009
+ top: 0;
1010
+ }
1011
+ .e-richtexteditor .e-video-clickelem::after {
1012
+ bottom: 0;
1013
+ top: 90%;
1014
+ }
987
1015
 
988
1016
  .e-rte-linkcontent .e-rte-label {
989
1017
  padding-top: 20px;
@@ -1233,7 +1261,6 @@
1233
1261
  height: 20px;
1234
1262
  min-width: 20px;
1235
1263
  padding: 2px 5px;
1236
- vertical-align: middle;
1237
1264
  }
1238
1265
 
1239
1266
  .e-rte-table.e-dashed-border td,
@@ -1276,6 +1303,14 @@
1276
1303
  padding-top: 0;
1277
1304
  }
1278
1305
 
1306
+ .e-rte-video-dialog .e-rte-label {
1307
+ padding-top: 20px;
1308
+ }
1309
+
1310
+ .e-rte-video-dialog .e-rte-label:first-child {
1311
+ padding-top: 0;
1312
+ }
1313
+
1279
1314
  .e-rte-table-resize.e-row-resize,
1280
1315
  .e-rte-table-resize.e-column-resize {
1281
1316
  background-color: transparent;
@@ -2806,15 +2841,18 @@
2806
2841
  .e-richtexteditor .e-clickelem::after,
2807
2842
  .e-richtexteditor .e-video-clickelem::after {
2808
2843
  background: transparent;
2809
- bottom: 0;
2810
2844
  content: "";
2811
2845
  cursor: default;
2812
2846
  display: block;
2813
- left: 0;
2814
2847
  position: absolute;
2815
- right: 0;
2816
- top: 0;
2817
- z-index: 1;
2848
+ }
2849
+ .e-richtexteditor .e-clickelem::before,
2850
+ .e-richtexteditor .e-video-clickelem::before {
2851
+ background: transparent;
2852
+ content: "";
2853
+ cursor: default;
2854
+ display: block;
2855
+ position: absolute;
2818
2856
  }
2819
2857
  .e-richtexteditor .e-videoheader,
2820
2858
  .e-richtexteditor .e-embed-videoheader,
@@ -984,6 +984,34 @@
984
984
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn {
985
985
  font-size: 16px;
986
986
  }
987
+ .e-richtexteditor .e-clickelem::after,
988
+ .e-richtexteditor .e-video-clickelem::after {
989
+ left: 0;
990
+ right: 0;
991
+ z-index: 1;
992
+ }
993
+ .e-richtexteditor .e-clickelem::before,
994
+ .e-richtexteditor .e-video-clickelem::before {
995
+ left: 0;
996
+ right: 0;
997
+ z-index: 1;
998
+ }
999
+ .e-richtexteditor .e-clickelem::before {
1000
+ bottom: 70%;
1001
+ top: 0;
1002
+ }
1003
+ .e-richtexteditor .e-clickelem::after {
1004
+ bottom: 0;
1005
+ top: 70%;
1006
+ }
1007
+ .e-richtexteditor .e-video-clickelem::before {
1008
+ bottom: 85%;
1009
+ top: 0;
1010
+ }
1011
+ .e-richtexteditor .e-video-clickelem::after {
1012
+ bottom: 0;
1013
+ top: 90%;
1014
+ }
987
1015
 
988
1016
  .e-rte-linkcontent .e-rte-label {
989
1017
  padding-top: 20px;
@@ -1233,7 +1261,6 @@
1233
1261
  height: 20px;
1234
1262
  min-width: 20px;
1235
1263
  padding: 2px 5px;
1236
- vertical-align: middle;
1237
1264
  }
1238
1265
 
1239
1266
  .e-rte-table.e-dashed-border td,
@@ -1276,6 +1303,14 @@
1276
1303
  padding-top: 0;
1277
1304
  }
1278
1305
 
1306
+ .e-rte-video-dialog .e-rte-label {
1307
+ padding-top: 20px;
1308
+ }
1309
+
1310
+ .e-rte-video-dialog .e-rte-label:first-child {
1311
+ padding-top: 0;
1312
+ }
1313
+
1279
1314
  .e-rte-table-resize.e-row-resize,
1280
1315
  .e-rte-table-resize.e-column-resize {
1281
1316
  background-color: transparent;
@@ -2806,15 +2841,18 @@
2806
2841
  .e-richtexteditor .e-clickelem::after,
2807
2842
  .e-richtexteditor .e-video-clickelem::after {
2808
2843
  background: transparent;
2809
- bottom: 0;
2810
2844
  content: "";
2811
2845
  cursor: default;
2812
2846
  display: block;
2813
- left: 0;
2814
2847
  position: absolute;
2815
- right: 0;
2816
- top: 0;
2817
- z-index: 1;
2848
+ }
2849
+ .e-richtexteditor .e-clickelem::before,
2850
+ .e-richtexteditor .e-video-clickelem::before {
2851
+ background: transparent;
2852
+ content: "";
2853
+ cursor: default;
2854
+ display: block;
2855
+ position: absolute;
2818
2856
  }
2819
2857
  .e-richtexteditor .e-videoheader,
2820
2858
  .e-richtexteditor .e-embed-videoheader,
@@ -989,6 +989,34 @@
989
989
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn {
990
990
  font-size: 16px;
991
991
  }
992
+ .e-richtexteditor .e-clickelem::after,
993
+ .e-richtexteditor .e-video-clickelem::after {
994
+ left: 0;
995
+ right: 0;
996
+ z-index: 1;
997
+ }
998
+ .e-richtexteditor .e-clickelem::before,
999
+ .e-richtexteditor .e-video-clickelem::before {
1000
+ left: 0;
1001
+ right: 0;
1002
+ z-index: 1;
1003
+ }
1004
+ .e-richtexteditor .e-clickelem::before {
1005
+ bottom: 70%;
1006
+ top: 0;
1007
+ }
1008
+ .e-richtexteditor .e-clickelem::after {
1009
+ bottom: 0;
1010
+ top: 70%;
1011
+ }
1012
+ .e-richtexteditor .e-video-clickelem::before {
1013
+ bottom: 85%;
1014
+ top: 0;
1015
+ }
1016
+ .e-richtexteditor .e-video-clickelem::after {
1017
+ bottom: 0;
1018
+ top: 90%;
1019
+ }
992
1020
 
993
1021
  .e-rte-linkcontent .e-rte-label {
994
1022
  padding-top: 12px;
@@ -1238,7 +1266,6 @@
1238
1266
  height: 20px;
1239
1267
  min-width: 20px;
1240
1268
  padding: 2px 5px;
1241
- vertical-align: middle;
1242
1269
  }
1243
1270
 
1244
1271
  .e-rte-table.e-dashed-border td,
@@ -1281,6 +1308,14 @@
1281
1308
  padding-top: 0;
1282
1309
  }
1283
1310
 
1311
+ .e-rte-video-dialog .e-rte-label {
1312
+ padding-top: 12px;
1313
+ }
1314
+
1315
+ .e-rte-video-dialog .e-rte-label:first-child {
1316
+ padding-top: 0;
1317
+ }
1318
+
1284
1319
  .e-rte-table-resize.e-row-resize,
1285
1320
  .e-rte-table-resize.e-column-resize {
1286
1321
  background-color: transparent;
@@ -2854,15 +2889,18 @@
2854
2889
  .e-richtexteditor .e-clickelem::after,
2855
2890
  .e-richtexteditor .e-video-clickelem::after {
2856
2891
  background: transparent;
2857
- bottom: 0;
2858
2892
  content: "";
2859
2893
  cursor: default;
2860
2894
  display: block;
2861
- left: 0;
2862
2895
  position: absolute;
2863
- right: 0;
2864
- top: 0;
2865
- z-index: 1;
2896
+ }
2897
+ .e-richtexteditor .e-clickelem::before,
2898
+ .e-richtexteditor .e-video-clickelem::before {
2899
+ background: transparent;
2900
+ content: "";
2901
+ cursor: default;
2902
+ display: block;
2903
+ position: absolute;
2866
2904
  }
2867
2905
  .e-richtexteditor .e-videoheader,
2868
2906
  .e-richtexteditor .e-embed-videoheader,
@@ -989,6 +989,34 @@
989
989
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn {
990
990
  font-size: 16px;
991
991
  }
992
+ .e-richtexteditor .e-clickelem::after,
993
+ .e-richtexteditor .e-video-clickelem::after {
994
+ left: 0;
995
+ right: 0;
996
+ z-index: 1;
997
+ }
998
+ .e-richtexteditor .e-clickelem::before,
999
+ .e-richtexteditor .e-video-clickelem::before {
1000
+ left: 0;
1001
+ right: 0;
1002
+ z-index: 1;
1003
+ }
1004
+ .e-richtexteditor .e-clickelem::before {
1005
+ bottom: 70%;
1006
+ top: 0;
1007
+ }
1008
+ .e-richtexteditor .e-clickelem::after {
1009
+ bottom: 0;
1010
+ top: 70%;
1011
+ }
1012
+ .e-richtexteditor .e-video-clickelem::before {
1013
+ bottom: 85%;
1014
+ top: 0;
1015
+ }
1016
+ .e-richtexteditor .e-video-clickelem::after {
1017
+ bottom: 0;
1018
+ top: 90%;
1019
+ }
992
1020
 
993
1021
  .e-rte-linkcontent .e-rte-label {
994
1022
  padding-top: 12px;
@@ -1238,7 +1266,6 @@
1238
1266
  height: 20px;
1239
1267
  min-width: 20px;
1240
1268
  padding: 2px 5px;
1241
- vertical-align: middle;
1242
1269
  }
1243
1270
 
1244
1271
  .e-rte-table.e-dashed-border td,
@@ -1281,6 +1308,14 @@
1281
1308
  padding-top: 0;
1282
1309
  }
1283
1310
 
1311
+ .e-rte-video-dialog .e-rte-label {
1312
+ padding-top: 12px;
1313
+ }
1314
+
1315
+ .e-rte-video-dialog .e-rte-label:first-child {
1316
+ padding-top: 0;
1317
+ }
1318
+
1284
1319
  .e-rte-table-resize.e-row-resize,
1285
1320
  .e-rte-table-resize.e-column-resize {
1286
1321
  background-color: transparent;
@@ -2854,15 +2889,18 @@
2854
2889
  .e-richtexteditor .e-clickelem::after,
2855
2890
  .e-richtexteditor .e-video-clickelem::after {
2856
2891
  background: transparent;
2857
- bottom: 0;
2858
2892
  content: "";
2859
2893
  cursor: default;
2860
2894
  display: block;
2861
- left: 0;
2862
2895
  position: absolute;
2863
- right: 0;
2864
- top: 0;
2865
- z-index: 1;
2896
+ }
2897
+ .e-richtexteditor .e-clickelem::before,
2898
+ .e-richtexteditor .e-video-clickelem::before {
2899
+ background: transparent;
2900
+ content: "";
2901
+ cursor: default;
2902
+ display: block;
2903
+ position: absolute;
2866
2904
  }
2867
2905
  .e-richtexteditor .e-videoheader,
2868
2906
  .e-richtexteditor .e-embed-videoheader,