@syncfusion/ej2-richtexteditor 24.1.46 → 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 (116) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/ej2-richtexteditor.min.js +2 -2
  3. package/dist/ej2-richtexteditor.umd.min.js +2 -2
  4. package/dist/ej2-richtexteditor.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-richtexteditor.es2015.js +760 -168
  6. package/dist/es6/ej2-richtexteditor.es2015.js.map +1 -1
  7. package/dist/es6/ej2-richtexteditor.es5.js +769 -167
  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 +30 -0
  43. package/src/rich-text-editor/base/constant.js +199 -0
  44. package/src/rich-text-editor/base/interface.d.ts +7 -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 +33 -61
  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/src/rich-text-editor/renderer/view-source.d.ts +1 -0
  66. package/src/rich-text-editor/renderer/view-source.js +5 -0
  67. package/styles/bootstrap-dark.css +49 -12
  68. package/styles/bootstrap.css +49 -12
  69. package/styles/bootstrap4.css +49 -12
  70. package/styles/bootstrap5-dark.css +49 -12
  71. package/styles/bootstrap5.css +49 -12
  72. package/styles/fabric-dark.css +49 -12
  73. package/styles/fabric.css +49 -12
  74. package/styles/fluent-dark.css +49 -12
  75. package/styles/fluent.css +49 -12
  76. package/styles/highcontrast-light.css +49 -12
  77. package/styles/highcontrast.css +49 -12
  78. package/styles/material-dark.css +49 -12
  79. package/styles/material.css +49 -12
  80. package/styles/material3-dark.css +56 -19
  81. package/styles/material3.css +56 -19
  82. package/styles/rich-text-editor/_bootstrap-dark-definition.scss +1 -0
  83. package/styles/rich-text-editor/_bootstrap-definition.scss +1 -0
  84. package/styles/rich-text-editor/_bootstrap4-definition.scss +1 -0
  85. package/styles/rich-text-editor/_bootstrap5-definition.scss +2 -1
  86. package/styles/rich-text-editor/_fabric-dark-definition.scss +1 -0
  87. package/styles/rich-text-editor/_fabric-definition.scss +1 -0
  88. package/styles/rich-text-editor/_fluent-definition.scss +2 -1
  89. package/styles/rich-text-editor/_fusionnew-definition.scss +2 -1
  90. package/styles/rich-text-editor/_highcontrast-definition.scss +1 -0
  91. package/styles/rich-text-editor/_highcontrast-light-definition.scss +1 -0
  92. package/styles/rich-text-editor/_layout.scss +40 -5
  93. package/styles/rich-text-editor/_material-dark-definition.scss +1 -0
  94. package/styles/rich-text-editor/_material-definition.scss +1 -0
  95. package/styles/rich-text-editor/_material3-definition.scss +9 -8
  96. package/styles/rich-text-editor/_tailwind-definition.scss +2 -1
  97. package/styles/rich-text-editor/_theme.scss +9 -5
  98. package/styles/rich-text-editor/bootstrap-dark.css +49 -12
  99. package/styles/rich-text-editor/bootstrap.css +49 -12
  100. package/styles/rich-text-editor/bootstrap4.css +49 -12
  101. package/styles/rich-text-editor/bootstrap5-dark.css +49 -12
  102. package/styles/rich-text-editor/bootstrap5.css +49 -12
  103. package/styles/rich-text-editor/fabric-dark.css +49 -12
  104. package/styles/rich-text-editor/fabric.css +49 -12
  105. package/styles/rich-text-editor/fluent-dark.css +49 -12
  106. package/styles/rich-text-editor/fluent.css +49 -12
  107. package/styles/rich-text-editor/highcontrast-light.css +49 -12
  108. package/styles/rich-text-editor/highcontrast.css +49 -12
  109. package/styles/rich-text-editor/material-dark.css +49 -12
  110. package/styles/rich-text-editor/material.css +49 -12
  111. package/styles/rich-text-editor/material3-dark.css +56 -19
  112. package/styles/rich-text-editor/material3.css +56 -19
  113. package/styles/rich-text-editor/tailwind-dark.css +49 -12
  114. package/styles/rich-text-editor/tailwind.css +49 -12
  115. package/styles/tailwind-dark.css +49 -12
  116. package/styles/tailwind.css +49 -12
@@ -518,6 +518,10 @@
518
518
  .e-richtexteditor.e-bigger .e-dialog.e-rte-dialog-minheight {
519
519
  min-height: 324px;
520
520
  }
521
+ .e-bigger .e-richtexteditor .e-rte-content .e-content,
522
+ .e-richtexteditor.e-bigger .e-rte-content .e-content {
523
+ font-size: 16px;
524
+ }
521
525
 
522
526
  .e-richtexteditor {
523
527
  color: #dadada;
@@ -803,12 +807,7 @@
803
807
  position: relative;
804
808
  text-align: inherit;
805
809
  z-index: 2;
806
- }
807
- @media screen and (min-width: 992px) {
808
- .e-richtexteditor .e-rte-content .e-content,
809
- .e-richtexteditor .e-source-content .e-content {
810
- font-size: 14px;
811
- }
810
+ font-size: 14px;
812
811
  }
813
812
  .e-richtexteditor .e-rte-content .e-content p,
814
813
  .e-richtexteditor .e-source-content .e-content p {
@@ -985,6 +984,34 @@
985
984
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn {
986
985
  font-size: 16px;
987
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
+ }
988
1015
 
989
1016
  .e-rte-linkcontent .e-rte-label {
990
1017
  padding-top: 20px;
@@ -1234,7 +1261,6 @@
1234
1261
  height: 20px;
1235
1262
  min-width: 20px;
1236
1263
  padding: 2px 5px;
1237
- vertical-align: middle;
1238
1264
  }
1239
1265
 
1240
1266
  .e-rte-table.e-dashed-border td,
@@ -1277,6 +1303,14 @@
1277
1303
  padding-top: 0;
1278
1304
  }
1279
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
+
1280
1314
  .e-rte-table-resize.e-row-resize,
1281
1315
  .e-rte-table-resize.e-column-resize {
1282
1316
  background-color: transparent;
@@ -2807,15 +2841,18 @@
2807
2841
  .e-richtexteditor .e-clickelem::after,
2808
2842
  .e-richtexteditor .e-video-clickelem::after {
2809
2843
  background: transparent;
2810
- bottom: 0;
2811
2844
  content: "";
2812
2845
  cursor: default;
2813
2846
  display: block;
2814
- left: 0;
2815
2847
  position: absolute;
2816
- right: 0;
2817
- top: 0;
2818
- 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;
2819
2856
  }
2820
2857
  .e-richtexteditor .e-videoheader,
2821
2858
  .e-richtexteditor .e-embed-videoheader,
@@ -518,6 +518,10 @@
518
518
  .e-richtexteditor.e-bigger .e-dialog.e-rte-dialog-minheight {
519
519
  min-height: 324px;
520
520
  }
521
+ .e-bigger .e-richtexteditor .e-rte-content .e-content,
522
+ .e-richtexteditor.e-bigger .e-rte-content .e-content {
523
+ font-size: 16px;
524
+ }
521
525
 
522
526
  .e-richtexteditor {
523
527
  color: #333;
@@ -803,12 +807,7 @@
803
807
  position: relative;
804
808
  text-align: inherit;
805
809
  z-index: 2;
806
- }
807
- @media screen and (min-width: 992px) {
808
- .e-richtexteditor .e-rte-content .e-content,
809
- .e-richtexteditor .e-source-content .e-content {
810
- font-size: 14px;
811
- }
810
+ font-size: 14px;
812
811
  }
813
812
  .e-richtexteditor .e-rte-content .e-content p,
814
813
  .e-richtexteditor .e-source-content .e-content p {
@@ -985,6 +984,34 @@
985
984
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn {
986
985
  font-size: 16px;
987
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
+ }
988
1015
 
989
1016
  .e-rte-linkcontent .e-rte-label {
990
1017
  padding-top: 20px;
@@ -1234,7 +1261,6 @@
1234
1261
  height: 20px;
1235
1262
  min-width: 20px;
1236
1263
  padding: 2px 5px;
1237
- vertical-align: middle;
1238
1264
  }
1239
1265
 
1240
1266
  .e-rte-table.e-dashed-border td,
@@ -1277,6 +1303,14 @@
1277
1303
  padding-top: 0;
1278
1304
  }
1279
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
+
1280
1314
  .e-rte-table-resize.e-row-resize,
1281
1315
  .e-rte-table-resize.e-column-resize {
1282
1316
  background-color: transparent;
@@ -2807,15 +2841,18 @@
2807
2841
  .e-richtexteditor .e-clickelem::after,
2808
2842
  .e-richtexteditor .e-video-clickelem::after {
2809
2843
  background: transparent;
2810
- bottom: 0;
2811
2844
  content: "";
2812
2845
  cursor: default;
2813
2846
  display: block;
2814
- left: 0;
2815
2847
  position: absolute;
2816
- right: 0;
2817
- top: 0;
2818
- 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;
2819
2856
  }
2820
2857
  .e-richtexteditor .e-videoheader,
2821
2858
  .e-richtexteditor .e-embed-videoheader,
@@ -521,6 +521,10 @@
521
521
  min-height: 324px;
522
522
  min-height: 350px;
523
523
  }
524
+ .e-bigger .e-richtexteditor .e-rte-content .e-content,
525
+ .e-richtexteditor.e-bigger .e-rte-content .e-content {
526
+ font-size: 16px;
527
+ }
524
528
 
525
529
  .e-richtexteditor {
526
530
  color: #f3f2f1;
@@ -808,12 +812,7 @@
808
812
  position: relative;
809
813
  text-align: inherit;
810
814
  z-index: 2;
811
- }
812
- @media screen and (min-width: 992px) {
813
- .e-richtexteditor .e-rte-content .e-content,
814
- .e-richtexteditor .e-source-content .e-content {
815
- font-size: 14px;
816
- }
815
+ font-size: 14px;
817
816
  }
818
817
  .e-richtexteditor .e-rte-content .e-content p,
819
818
  .e-richtexteditor .e-source-content .e-content p {
@@ -990,6 +989,34 @@
990
989
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn {
991
990
  font-size: 16px;
992
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
+ }
993
1020
 
994
1021
  .e-rte-linkcontent .e-rte-label {
995
1022
  padding-top: 12px;
@@ -1239,7 +1266,6 @@
1239
1266
  height: 20px;
1240
1267
  min-width: 20px;
1241
1268
  padding: 2px 5px;
1242
- vertical-align: middle;
1243
1269
  }
1244
1270
 
1245
1271
  .e-rte-table.e-dashed-border td,
@@ -1282,6 +1308,14 @@
1282
1308
  padding-top: 0;
1283
1309
  }
1284
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
+
1285
1319
  .e-rte-table-resize.e-row-resize,
1286
1320
  .e-rte-table-resize.e-column-resize {
1287
1321
  background-color: transparent;
@@ -2855,15 +2889,18 @@
2855
2889
  .e-richtexteditor .e-clickelem::after,
2856
2890
  .e-richtexteditor .e-video-clickelem::after {
2857
2891
  background: transparent;
2858
- bottom: 0;
2859
2892
  content: "";
2860
2893
  cursor: default;
2861
2894
  display: block;
2862
- left: 0;
2863
2895
  position: absolute;
2864
- right: 0;
2865
- top: 0;
2866
- 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;
2867
2904
  }
2868
2905
  .e-richtexteditor .e-videoheader,
2869
2906
  .e-richtexteditor .e-embed-videoheader,
@@ -521,6 +521,10 @@
521
521
  min-height: 324px;
522
522
  min-height: 350px;
523
523
  }
524
+ .e-bigger .e-richtexteditor .e-rte-content .e-content,
525
+ .e-richtexteditor.e-bigger .e-rte-content .e-content {
526
+ font-size: 16px;
527
+ }
524
528
 
525
529
  .e-richtexteditor {
526
530
  color: #201f1e;
@@ -808,12 +812,7 @@
808
812
  position: relative;
809
813
  text-align: inherit;
810
814
  z-index: 2;
811
- }
812
- @media screen and (min-width: 992px) {
813
- .e-richtexteditor .e-rte-content .e-content,
814
- .e-richtexteditor .e-source-content .e-content {
815
- font-size: 14px;
816
- }
815
+ font-size: 14px;
817
816
  }
818
817
  .e-richtexteditor .e-rte-content .e-content p,
819
818
  .e-richtexteditor .e-source-content .e-content p {
@@ -990,6 +989,34 @@
990
989
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn {
991
990
  font-size: 16px;
992
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
+ }
993
1020
 
994
1021
  .e-rte-linkcontent .e-rte-label {
995
1022
  padding-top: 12px;
@@ -1239,7 +1266,6 @@
1239
1266
  height: 20px;
1240
1267
  min-width: 20px;
1241
1268
  padding: 2px 5px;
1242
- vertical-align: middle;
1243
1269
  }
1244
1270
 
1245
1271
  .e-rte-table.e-dashed-border td,
@@ -1282,6 +1308,14 @@
1282
1308
  padding-top: 0;
1283
1309
  }
1284
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
+
1285
1319
  .e-rte-table-resize.e-row-resize,
1286
1320
  .e-rte-table-resize.e-column-resize {
1287
1321
  background-color: transparent;
@@ -2855,15 +2889,18 @@
2855
2889
  .e-richtexteditor .e-clickelem::after,
2856
2890
  .e-richtexteditor .e-video-clickelem::after {
2857
2891
  background: transparent;
2858
- bottom: 0;
2859
2892
  content: "";
2860
2893
  cursor: default;
2861
2894
  display: block;
2862
- left: 0;
2863
2895
  position: absolute;
2864
- right: 0;
2865
- top: 0;
2866
- 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;
2867
2904
  }
2868
2905
  .e-richtexteditor .e-videoheader,
2869
2906
  .e-richtexteditor .e-embed-videoheader,
@@ -518,6 +518,10 @@
518
518
  .e-richtexteditor.e-bigger .e-dialog.e-rte-dialog-minheight {
519
519
  min-height: 324px;
520
520
  }
521
+ .e-bigger .e-richtexteditor .e-rte-content .e-content,
522
+ .e-richtexteditor.e-bigger .e-rte-content .e-content {
523
+ font-size: 16px;
524
+ }
521
525
 
522
526
  .e-richtexteditor {
523
527
  color: #fff;
@@ -803,12 +807,7 @@
803
807
  position: relative;
804
808
  text-align: inherit;
805
809
  z-index: 2;
806
- }
807
- @media screen and (min-width: 992px) {
808
- .e-richtexteditor .e-rte-content .e-content,
809
- .e-richtexteditor .e-source-content .e-content {
810
- font-size: 14px;
811
- }
810
+ font-size: 14px;
812
811
  }
813
812
  .e-richtexteditor .e-rte-content .e-content p,
814
813
  .e-richtexteditor .e-source-content .e-content p {
@@ -985,6 +984,34 @@
985
984
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn {
986
985
  font-size: 12px;
987
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
+ }
988
1015
 
989
1016
  .e-rte-linkcontent .e-rte-label {
990
1017
  padding-top: 20px;
@@ -1234,7 +1261,6 @@
1234
1261
  height: 20px;
1235
1262
  min-width: 20px;
1236
1263
  padding: 2px 5px;
1237
- vertical-align: middle;
1238
1264
  }
1239
1265
 
1240
1266
  .e-rte-table.e-dashed-border td,
@@ -1277,6 +1303,14 @@
1277
1303
  padding-top: 0;
1278
1304
  }
1279
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
+
1280
1314
  .e-rte-table-resize.e-row-resize,
1281
1315
  .e-rte-table-resize.e-column-resize {
1282
1316
  background-color: transparent;
@@ -2807,15 +2841,18 @@
2807
2841
  .e-richtexteditor .e-clickelem::after,
2808
2842
  .e-richtexteditor .e-video-clickelem::after {
2809
2843
  background: transparent;
2810
- bottom: 0;
2811
2844
  content: "";
2812
2845
  cursor: default;
2813
2846
  display: block;
2814
- left: 0;
2815
2847
  position: absolute;
2816
- right: 0;
2817
- top: 0;
2818
- 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;
2819
2856
  }
2820
2857
  .e-richtexteditor .e-videoheader,
2821
2858
  .e-richtexteditor .e-embed-videoheader,
@@ -518,6 +518,10 @@
518
518
  .e-richtexteditor.e-bigger .e-dialog.e-rte-dialog-minheight {
519
519
  min-height: 324px;
520
520
  }
521
+ .e-bigger .e-richtexteditor .e-rte-content .e-content,
522
+ .e-richtexteditor.e-bigger .e-rte-content .e-content {
523
+ font-size: 16px;
524
+ }
521
525
 
522
526
  .e-richtexteditor {
523
527
  color: #fff;
@@ -803,12 +807,7 @@
803
807
  position: relative;
804
808
  text-align: inherit;
805
809
  z-index: 2;
806
- }
807
- @media screen and (min-width: 992px) {
808
- .e-richtexteditor .e-rte-content .e-content,
809
- .e-richtexteditor .e-source-content .e-content {
810
- font-size: 14px;
811
- }
810
+ font-size: 14px;
812
811
  }
813
812
  .e-richtexteditor .e-rte-content .e-content p,
814
813
  .e-richtexteditor .e-source-content .e-content p {
@@ -985,6 +984,34 @@
985
984
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn {
986
985
  font-size: 16px;
987
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
+ }
988
1015
 
989
1016
  .e-rte-linkcontent .e-rte-label {
990
1017
  padding-top: 20px;
@@ -1234,7 +1261,6 @@
1234
1261
  height: 20px;
1235
1262
  min-width: 20px;
1236
1263
  padding: 2px 5px;
1237
- vertical-align: middle;
1238
1264
  }
1239
1265
 
1240
1266
  .e-rte-table.e-dashed-border td,
@@ -1277,6 +1303,14 @@
1277
1303
  padding-top: 0;
1278
1304
  }
1279
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
+
1280
1314
  .e-rte-table-resize.e-row-resize,
1281
1315
  .e-rte-table-resize.e-column-resize {
1282
1316
  background-color: transparent;
@@ -2801,15 +2835,18 @@
2801
2835
  .e-richtexteditor .e-clickelem::after,
2802
2836
  .e-richtexteditor .e-video-clickelem::after {
2803
2837
  background: transparent;
2804
- bottom: 0;
2805
2838
  content: "";
2806
2839
  cursor: default;
2807
2840
  display: block;
2808
- left: 0;
2809
2841
  position: absolute;
2810
- right: 0;
2811
- top: 0;
2812
- 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;
2813
2850
  }
2814
2851
  .e-richtexteditor .e-videoheader,
2815
2852
  .e-richtexteditor .e-embed-videoheader,