@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
@@ -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,
@@ -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: 12px;
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;
@@ -2800,15 +2835,18 @@
2800
2835
  .e-richtexteditor .e-clickelem::after,
2801
2836
  .e-richtexteditor .e-video-clickelem::after {
2802
2837
  background: transparent;
2803
- bottom: 0;
2804
2838
  content: "";
2805
2839
  cursor: default;
2806
2840
  display: block;
2807
- left: 0;
2808
2841
  position: absolute;
2809
- right: 0;
2810
- top: 0;
2811
- z-index: 1;
2842
+ }
2843
+ .e-richtexteditor .e-clickelem::before,
2844
+ .e-richtexteditor .e-video-clickelem::before {
2845
+ background: transparent;
2846
+ content: "";
2847
+ cursor: default;
2848
+ display: block;
2849
+ position: absolute;
2812
2850
  }
2813
2851
  .e-richtexteditor .e-videoheader,
2814
2852
  .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: 14px;
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;
@@ -2812,15 +2847,18 @@
2812
2847
  .e-richtexteditor .e-clickelem::after,
2813
2848
  .e-richtexteditor .e-video-clickelem::after {
2814
2849
  background: transparent;
2815
- bottom: 0;
2816
2850
  content: "";
2817
2851
  cursor: default;
2818
2852
  display: block;
2819
- left: 0;
2820
2853
  position: absolute;
2821
- right: 0;
2822
- top: 0;
2823
- z-index: 1;
2854
+ }
2855
+ .e-richtexteditor .e-clickelem::before,
2856
+ .e-richtexteditor .e-video-clickelem::before {
2857
+ background: transparent;
2858
+ content: "";
2859
+ cursor: default;
2860
+ display: block;
2861
+ position: absolute;
2824
2862
  }
2825
2863
  .e-richtexteditor .e-videoheader,
2826
2864
  .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: 14px;
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;
@@ -2812,15 +2847,18 @@
2812
2847
  .e-richtexteditor .e-clickelem::after,
2813
2848
  .e-richtexteditor .e-video-clickelem::after {
2814
2849
  background: transparent;
2815
- bottom: 0;
2816
2850
  content: "";
2817
2851
  cursor: default;
2818
2852
  display: block;
2819
- left: 0;
2820
2853
  position: absolute;
2821
- right: 0;
2822
- top: 0;
2823
- z-index: 1;
2854
+ }
2855
+ .e-richtexteditor .e-clickelem::before,
2856
+ .e-richtexteditor .e-video-clickelem::before {
2857
+ background: transparent;
2858
+ content: "";
2859
+ cursor: default;
2860
+ display: block;
2861
+ position: absolute;
2824
2862
  }
2825
2863
  .e-richtexteditor .e-videoheader,
2826
2864
  .e-richtexteditor .e-embed-videoheader,