@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
@@ -136,6 +136,9 @@
136
136
  min-height: 350px;
137
137
  }
138
138
  }
139
+ .e-rte-content .e-content {
140
+ font-size: $rte-big-content-font-size;
141
+ }
139
142
  }
140
143
 
141
144
  .e-richtexteditor {
@@ -442,10 +445,7 @@
442
445
  position: relative;
443
446
  text-align: inherit;
444
447
  z-index: 2;
445
-
446
- @media screen and (min-width: 992px) {
447
- font-size: $rte-content-font-size;
448
- }
448
+ font-size: $rte-content-font-size;
449
449
  }
450
450
 
451
451
  .e-content p {
@@ -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;
@@ -163,6 +163,7 @@ $rte-insert-dialog-label-padding-bottom: 20px !default;
163
163
  $rte-big-quick-tbar-item-min-height: 34px !default;
164
164
  $rte-big-quick-tbar-item-min-width: 39px !default;
165
165
  $rte-content-font-size: 14px !default;
166
+ $rte-big-content-font-size: 16px !default;
166
167
  $rte-dropdown-caret-icon-size: 12px !default;
167
168
  $rte-big-dropdown-caret-icon-size: 12px !default;
168
169
 
@@ -158,6 +158,7 @@ $rte-insert-dialog-label-padding-bottom: 20px !default;
158
158
  $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
+ $rte-big-content-font-size: 16px !default;
161
162
  $rte-dropdown-caret-icon-size: 12px !default;
162
163
  $rte-big-dropdown-caret-icon-size: 12px !default;
163
164
  $rte-toolbar-icon-size: 14px !default;
@@ -68,7 +68,8 @@ $rte-insert-dialog-label-padding-top: 20px !default;
68
68
  $rte-insert-dialog-label-padding-bottom: 0 !default;
69
69
  $rte-big-quick-tbar-item-min-height: 40px !default;
70
70
  $rte-big-quick-tbar-item-min-width: 40px !default;
71
- $rte-content-font-size: $text-sm !default;
71
+ $rte-content-font-size: 14px !default;
72
+ $rte-big-content-font-size: 16px !default;
72
73
  $rte-dropdown-caret-icon-size: $text-xs !default;
73
74
  $rte-big-dropdown-caret-icon-size: $text-sm !default;
74
75
  $font-weight: $font-weight-normal !default;
@@ -92,13 +93,13 @@ $rte-inline-dropdown-line-height: 14px !default;
92
93
  $rte-big-inline-dropdown-line-height: 14px !default;
93
94
  $rte-insert-dialog-font-size: 10px;
94
95
  $rte-big-insert-dialog-font-size: 10px;
95
- $rte-table-popup-tablecell-height: 20px;
96
- $rte-table-popup-tablecell-width: 20px;
97
- $rte-table-popup-tablecell-margin: 2px;
98
- $rte-table-popup-row-height : 24px;
99
- $rte-big-table-row-height : 28px;
100
- $rte-big-tablecell-height : 24px;
101
- $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;
102
103
  $rte-toolbar-item-frist-last-child-margin: 0;
103
104
  $rte-big-toolbar-item-frist-last-child-margin: 0;
104
105
  $rte-toolbar-expaned-padding: 0 7px;
@@ -68,7 +68,8 @@ $rte-insert-dialog-label-padding-top: 12px !default;
68
68
  $rte-insert-dialog-label-padding-bottom: 3px !default;
69
69
  $rte-big-quick-tbar-item-min-height: 38px !default;
70
70
  $rte-big-quick-tbar-item-min-width: 38px !default;
71
- $rte-content-font-size: $text-sm !default;
71
+ $rte-content-font-size: 14px !default;
72
+ $rte-big-content-font-size: 16px !default;
72
73
  $rte-dropdown-caret-icon-size: $text-xs !default;
73
74
  $rte-big-dropdown-caret-icon-size: $text-sm !default;
74
75
  $rte-inline-dropdown-line-height: 30px !default;
@@ -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,
@@ -529,6 +529,10 @@
529
529
  .e-richtexteditor.e-bigger .e-dialog.e-rte-dialog-minheight {
530
530
  min-height: 324px;
531
531
  }
532
+ .e-bigger .e-richtexteditor .e-rte-content .e-content,
533
+ .e-richtexteditor.e-bigger .e-rte-content .e-content {
534
+ font-size: 16px;
535
+ }
532
536
 
533
537
  .e-richtexteditor {
534
538
  color: #f0f0f0;
@@ -814,12 +818,7 @@
814
818
  position: relative;
815
819
  text-align: inherit;
816
820
  z-index: 2;
817
- }
818
- @media screen and (min-width: 992px) {
819
- .e-richtexteditor .e-rte-content .e-content,
820
- .e-richtexteditor .e-source-content .e-content {
821
- font-size: 14px;
822
- }
821
+ font-size: 14px;
823
822
  }
824
823
  .e-richtexteditor .e-rte-content .e-content p,
825
824
  .e-richtexteditor .e-source-content .e-content p {
@@ -996,6 +995,34 @@
996
995
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn {
997
996
  font-size: 16px;
998
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
+ }
999
1026
 
1000
1027
  .e-rte-linkcontent .e-rte-label {
1001
1028
  padding-top: 20px;
@@ -1245,7 +1272,6 @@
1245
1272
  height: 20px;
1246
1273
  min-width: 20px;
1247
1274
  padding: 2px 5px;
1248
- vertical-align: middle;
1249
1275
  }
1250
1276
 
1251
1277
  .e-rte-table.e-dashed-border td,
@@ -1288,6 +1314,14 @@
1288
1314
  padding-top: 0;
1289
1315
  }
1290
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
+
1291
1325
  .e-rte-table-resize.e-row-resize,
1292
1326
  .e-rte-table-resize.e-column-resize {
1293
1327
  background-color: transparent;
@@ -2826,15 +2860,18 @@
2826
2860
  .e-richtexteditor .e-clickelem::after,
2827
2861
  .e-richtexteditor .e-video-clickelem::after {
2828
2862
  background: transparent;
2829
- bottom: 0;
2830
2863
  content: "";
2831
2864
  cursor: default;
2832
2865
  display: block;
2833
- left: 0;
2834
2866
  position: absolute;
2835
- right: 0;
2836
- top: 0;
2837
- 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;
2838
2875
  }
2839
2876
  .e-richtexteditor .e-videoheader,
2840
2877
  .e-richtexteditor .e-embed-videoheader,
@@ -670,6 +670,10 @@
670
670
  .e-richtexteditor.e-bigger .e-dialog.e-rte-dialog-minheight {
671
671
  min-height: 324px;
672
672
  }
673
+ .e-bigger .e-richtexteditor .e-rte-content .e-content,
674
+ .e-richtexteditor.e-bigger .e-rte-content .e-content {
675
+ font-size: 16px;
676
+ }
673
677
 
674
678
  .e-richtexteditor {
675
679
  color: #333;
@@ -955,12 +959,7 @@
955
959
  position: relative;
956
960
  text-align: inherit;
957
961
  z-index: 2;
958
- }
959
- @media screen and (min-width: 992px) {
960
- .e-richtexteditor .e-rte-content .e-content,
961
- .e-richtexteditor .e-source-content .e-content {
962
- font-size: 14px;
963
- }
962
+ font-size: 14px;
964
963
  }
965
964
  .e-richtexteditor .e-rte-content .e-content p,
966
965
  .e-richtexteditor .e-source-content .e-content p {
@@ -1137,6 +1136,34 @@
1137
1136
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn {
1138
1137
  font-size: 16px;
1139
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
+ }
1140
1167
 
1141
1168
  .e-rte-linkcontent .e-rte-label {
1142
1169
  padding-top: 20px;
@@ -1386,7 +1413,6 @@
1386
1413
  height: 20px;
1387
1414
  min-width: 20px;
1388
1415
  padding: 2px 5px;
1389
- vertical-align: middle;
1390
1416
  }
1391
1417
 
1392
1418
  .e-rte-table.e-dashed-border td,
@@ -1429,6 +1455,14 @@
1429
1455
  padding-top: 0;
1430
1456
  }
1431
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
+
1432
1466
  .e-rte-table-resize.e-row-resize,
1433
1467
  .e-rte-table-resize.e-column-resize {
1434
1468
  background-color: transparent;
@@ -2972,15 +3006,18 @@
2972
3006
  .e-richtexteditor .e-clickelem::after,
2973
3007
  .e-richtexteditor .e-video-clickelem::after {
2974
3008
  background: transparent;
2975
- bottom: 0;
2976
3009
  content: "";
2977
3010
  cursor: default;
2978
3011
  display: block;
2979
- left: 0;
2980
3012
  position: absolute;
2981
- right: 0;
2982
- top: 0;
2983
- 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;
2984
3021
  }
2985
3022
  .e-richtexteditor .e-videoheader,
2986
3023
  .e-richtexteditor .e-embed-videoheader,
@@ -765,6 +765,10 @@
765
765
  .e-richtexteditor.e-bigger .e-dialog.e-rte-dialog-minheight {
766
766
  min-height: 324px;
767
767
  }
768
+ .e-bigger .e-richtexteditor .e-rte-content .e-content,
769
+ .e-richtexteditor.e-bigger .e-rte-content .e-content {
770
+ font-size: 16px;
771
+ }
768
772
 
769
773
  .e-richtexteditor {
770
774
  color: #212529;
@@ -1050,12 +1054,7 @@
1050
1054
  position: relative;
1051
1055
  text-align: inherit;
1052
1056
  z-index: 2;
1053
- }
1054
- @media screen and (min-width: 992px) {
1055
- .e-richtexteditor .e-rte-content .e-content,
1056
- .e-richtexteditor .e-source-content .e-content {
1057
- font-size: 14px;
1058
- }
1057
+ font-size: 14px;
1059
1058
  }
1060
1059
  .e-richtexteditor .e-rte-content .e-content p,
1061
1060
  .e-richtexteditor .e-source-content .e-content p {
@@ -1232,6 +1231,34 @@
1232
1231
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn {
1233
1232
  font-size: 16px;
1234
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
+ }
1235
1262
 
1236
1263
  .e-rte-linkcontent .e-rte-label {
1237
1264
  padding-top: 14px;
@@ -1481,7 +1508,6 @@
1481
1508
  height: 20px;
1482
1509
  min-width: 20px;
1483
1510
  padding: 2px 5px;
1484
- vertical-align: middle;
1485
1511
  }
1486
1512
 
1487
1513
  .e-rte-table.e-dashed-border td,
@@ -1524,6 +1550,14 @@
1524
1550
  padding-top: 0;
1525
1551
  }
1526
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
+
1527
1561
  .e-rte-table-resize.e-row-resize,
1528
1562
  .e-rte-table-resize.e-column-resize {
1529
1563
  background-color: transparent;
@@ -3054,15 +3088,18 @@
3054
3088
  .e-richtexteditor .e-clickelem::after,
3055
3089
  .e-richtexteditor .e-video-clickelem::after {
3056
3090
  background: transparent;
3057
- bottom: 0;
3058
3091
  content: "";
3059
3092
  cursor: default;
3060
3093
  display: block;
3061
- left: 0;
3062
3094
  position: absolute;
3063
- right: 0;
3064
- top: 0;
3065
- 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;
3066
3103
  }
3067
3104
  .e-richtexteditor .e-videoheader,
3068
3105
  .e-richtexteditor .e-embed-videoheader,
@@ -528,6 +528,10 @@
528
528
  .e-richtexteditor.e-bigger .e-dialog.e-rte-dialog-minheight {
529
529
  min-height: 324px;
530
530
  }
531
+ .e-bigger .e-richtexteditor .e-rte-content .e-content,
532
+ .e-richtexteditor.e-bigger .e-rte-content .e-content {
533
+ font-size: 16px;
534
+ }
531
535
 
532
536
  .e-richtexteditor {
533
537
  color: #fff;
@@ -821,12 +825,7 @@
821
825
  position: relative;
822
826
  text-align: inherit;
823
827
  z-index: 2;
824
- }
825
- @media screen and (min-width: 992px) {
826
- .e-richtexteditor .e-rte-content .e-content,
827
- .e-richtexteditor .e-source-content .e-content {
828
- font-size: 14px;
829
- }
828
+ font-size: 14px;
830
829
  }
831
830
  .e-richtexteditor .e-rte-content .e-content p,
832
831
  .e-richtexteditor .e-source-content .e-content p {
@@ -1003,6 +1002,34 @@
1003
1002
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn {
1004
1003
  font-size: 12px;
1005
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
+ }
1006
1033
 
1007
1034
  .e-rte-linkcontent .e-rte-label {
1008
1035
  padding-top: 12px;
@@ -1252,7 +1279,6 @@
1252
1279
  height: 20px;
1253
1280
  min-width: 20px;
1254
1281
  padding: 2px 5px;
1255
- vertical-align: middle;
1256
1282
  }
1257
1283
 
1258
1284
  .e-rte-table.e-dashed-border td,
@@ -1295,6 +1321,14 @@
1295
1321
  padding-top: 0;
1296
1322
  }
1297
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
+
1298
1332
  .e-rte-table-resize.e-row-resize,
1299
1333
  .e-rte-table-resize.e-column-resize {
1300
1334
  background-color: transparent;
@@ -2890,15 +2924,18 @@
2890
2924
  .e-richtexteditor .e-clickelem::after,
2891
2925
  .e-richtexteditor .e-video-clickelem::after {
2892
2926
  background: transparent;
2893
- bottom: 0;
2894
2927
  content: "";
2895
2928
  cursor: default;
2896
2929
  display: block;
2897
- left: 0;
2898
2930
  position: absolute;
2899
- right: 0;
2900
- top: 0;
2901
- 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;
2902
2939
  }
2903
2940
  .e-richtexteditor .e-videoheader,
2904
2941
  .e-richtexteditor .e-embed-videoheader,
@@ -528,6 +528,10 @@
528
528
  .e-richtexteditor.e-bigger .e-dialog.e-rte-dialog-minheight {
529
529
  min-height: 324px;
530
530
  }
531
+ .e-bigger .e-richtexteditor .e-rte-content .e-content,
532
+ .e-richtexteditor.e-bigger .e-rte-content .e-content {
533
+ font-size: 16px;
534
+ }
531
535
 
532
536
  .e-richtexteditor {
533
537
  color: #212529;
@@ -821,12 +825,7 @@
821
825
  position: relative;
822
826
  text-align: inherit;
823
827
  z-index: 2;
824
- }
825
- @media screen and (min-width: 992px) {
826
- .e-richtexteditor .e-rte-content .e-content,
827
- .e-richtexteditor .e-source-content .e-content {
828
- font-size: 14px;
829
- }
828
+ font-size: 14px;
830
829
  }
831
830
  .e-richtexteditor .e-rte-content .e-content p,
832
831
  .e-richtexteditor .e-source-content .e-content p {
@@ -1003,6 +1002,34 @@
1003
1002
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn {
1004
1003
  font-size: 12px;
1005
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
+ }
1006
1033
 
1007
1034
  .e-rte-linkcontent .e-rte-label {
1008
1035
  padding-top: 12px;
@@ -1252,7 +1279,6 @@
1252
1279
  height: 20px;
1253
1280
  min-width: 20px;
1254
1281
  padding: 2px 5px;
1255
- vertical-align: middle;
1256
1282
  }
1257
1283
 
1258
1284
  .e-rte-table.e-dashed-border td,
@@ -1295,6 +1321,14 @@
1295
1321
  padding-top: 0;
1296
1322
  }
1297
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
+
1298
1332
  .e-rte-table-resize.e-row-resize,
1299
1333
  .e-rte-table-resize.e-column-resize {
1300
1334
  background-color: transparent;
@@ -2890,15 +2924,18 @@
2890
2924
  .e-richtexteditor .e-clickelem::after,
2891
2925
  .e-richtexteditor .e-video-clickelem::after {
2892
2926
  background: transparent;
2893
- bottom: 0;
2894
2927
  content: "";
2895
2928
  cursor: default;
2896
2929
  display: block;
2897
- left: 0;
2898
2930
  position: absolute;
2899
- right: 0;
2900
- top: 0;
2901
- 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;
2902
2939
  }
2903
2940
  .e-richtexteditor .e-videoheader,
2904
2941
  .e-richtexteditor .e-embed-videoheader,