@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
package/styles/rich-text-editor/material-dark.css CHANGED
@@ -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: 14px;
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;
@@ -2813,15 +2847,18 @@
2813
2847
  .e-richtexteditor .e-clickelem::after,
2814
2848
  .e-richtexteditor .e-video-clickelem::after {
2815
2849
  background: transparent;
2816
- bottom: 0;
2817
2850
  content: "";
2818
2851
  cursor: default;
2819
2852
  display: block;
2820
- left: 0;
2821
2853
  position: absolute;
2822
- right: 0;
2823
- top: 0;
2824
- 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;
2825
2862
  }
2826
2863
  .e-richtexteditor .e-videoheader,
2827
2864
  .e-richtexteditor .e-embed-videoheader,
package/styles/rich-text-editor/material.css CHANGED
@@ -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: 14px;
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;
@@ -2813,15 +2847,18 @@
2813
2847
  .e-richtexteditor .e-clickelem::after,
2814
2848
  .e-richtexteditor .e-video-clickelem::after {
2815
2849
  background: transparent;
2816
- bottom: 0;
2817
2850
  content: "";
2818
2851
  cursor: default;
2819
2852
  display: block;
2820
- left: 0;
2821
2853
  position: absolute;
2822
- right: 0;
2823
- top: 0;
2824
- 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;
2825
2862
  }
2826
2863
  .e-richtexteditor .e-videoheader,
2827
2864
  .e-richtexteditor .e-embed-videoheader,
package/styles/rich-text-editor/material3-dark.css CHANGED
@@ -573,6 +573,10 @@
573
573
  .e-richtexteditor.e-bigger .e-dialog.e-rte-dialog-minheight {
574
574
  min-height: 324px;
575
575
  }
576
+ .e-bigger .e-richtexteditor .e-rte-content .e-content,
577
+ .e-richtexteditor.e-bigger .e-rte-content .e-content {
578
+ font-size: 16px;
579
+ }
576
580
 
577
581
  .e-richtexteditor {
578
582
  color: rgba(var(--color-sf-on-surface));
@@ -858,12 +862,7 @@
858
862
  position: relative;
859
863
  text-align: inherit;
860
864
  z-index: 2;
861
- }
862
- @media screen and (min-width: 992px) {
863
- .e-richtexteditor .e-rte-content .e-content,
864
- .e-richtexteditor .e-source-content .e-content {
865
- font-size: 14px;
866
- }
865
+ font-size: 14px;
867
866
  }
868
867
  .e-richtexteditor .e-rte-content .e-content p,
869
868
  .e-richtexteditor .e-source-content .e-content p {
@@ -1040,6 +1039,34 @@
1040
1039
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn {
1041
1040
  font-size: 18px;
1042
1041
  }
1042
+ .e-richtexteditor .e-clickelem::after,
1043
+ .e-richtexteditor .e-video-clickelem::after {
1044
+ left: 0;
1045
+ right: 0;
1046
+ z-index: 1;
1047
+ }
1048
+ .e-richtexteditor .e-clickelem::before,
1049
+ .e-richtexteditor .e-video-clickelem::before {
1050
+ left: 0;
1051
+ right: 0;
1052
+ z-index: 1;
1053
+ }
1054
+ .e-richtexteditor .e-clickelem::before {
1055
+ bottom: 70%;
1056
+ top: 0;
1057
+ }
1058
+ .e-richtexteditor .e-clickelem::after {
1059
+ bottom: 0;
1060
+ top: 70%;
1061
+ }
1062
+ .e-richtexteditor .e-video-clickelem::before {
1063
+ bottom: 85%;
1064
+ top: 0;
1065
+ }
1066
+ .e-richtexteditor .e-video-clickelem::after {
1067
+ bottom: 0;
1068
+ top: 90%;
1069
+ }
1043
1070
 
1044
1071
  .e-rte-linkcontent .e-rte-label {
1045
1072
  padding-top: 20px;
@@ -1289,7 +1316,6 @@
1289
1316
  height: 20px;
1290
1317
  min-width: 20px;
1291
1318
  padding: 2px 5px;
1292
- vertical-align: middle;
1293
1319
  }
1294
1320
 
1295
1321
  .e-rte-table.e-dashed-border td,
@@ -1332,6 +1358,14 @@
1332
1358
  padding-top: 0;
1333
1359
  }
1334
1360
 
1361
+ .e-rte-video-dialog .e-rte-label {
1362
+ padding-top: 20px;
1363
+ }
1364
+
1365
+ .e-rte-video-dialog .e-rte-label:first-child {
1366
+ padding-top: 0;
1367
+ }
1368
+
1335
1369
  .e-rte-table-resize.e-row-resize,
1336
1370
  .e-rte-table-resize.e-column-resize {
1337
1371
  background-color: transparent;
@@ -1536,15 +1570,15 @@
1536
1570
  .e-rte-elements .e-rte-table-popup.e-popup-open .e-rte-tablecell {
1537
1571
  border: 1px solid rgba(var(--color-sf-outline-variant));
1538
1572
  display: inline-block;
1539
- height: 20px;
1540
- margin: 2px;
1573
+ height: 14px;
1574
+ margin: 1px;
1541
1575
  overflow: hidden;
1542
1576
  vertical-align: top;
1543
- width: 20px;
1577
+ width: 14px;
1544
1578
  }
1545
1579
  .e-richtexteditor .e-rte-table-popup.e-popup-open .e-rte-table-row,
1546
1580
  .e-rte-elements .e-rte-table-popup.e-popup-open .e-rte-table-row {
1547
- height: 24px;
1581
+ height: 16px;
1548
1582
  }
1549
1583
  .e-richtexteditor .e-rte-table-popup.e-popup-open .e-insert-table-btn,
1550
1584
  .e-rte-elements .e-rte-table-popup.e-popup-open .e-insert-table-btn {
@@ -2376,12 +2410,12 @@
2376
2410
  }
2377
2411
 
2378
2412
  .e-bigger .e-rte-table-popup.e-popup-open .e-rte-tablecell {
2379
- height: 24px;
2380
- width: 24px;
2413
+ height: 16px;
2414
+ width: 16px;
2381
2415
  }
2382
2416
 
2383
2417
  .e-bigger .e-rte-table-popup.e-popup-open .e-rte-table-row {
2384
- height: 28px;
2418
+ height: 18px;
2385
2419
  }
2386
2420
 
2387
2421
  .e-table-rhelper {
@@ -2893,15 +2927,18 @@
2893
2927
  .e-richtexteditor .e-clickelem::after,
2894
2928
  .e-richtexteditor .e-video-clickelem::after {
2895
2929
  background: transparent;
2896
- bottom: 0;
2897
2930
  content: "";
2898
2931
  cursor: default;
2899
2932
  display: block;
2900
- left: 0;
2901
2933
  position: absolute;
2902
- right: 0;
2903
- top: 0;
2904
- z-index: 1;
2934
+ }
2935
+ .e-richtexteditor .e-clickelem::before,
2936
+ .e-richtexteditor .e-video-clickelem::before {
2937
+ background: transparent;
2938
+ content: "";
2939
+ cursor: default;
2940
+ display: block;
2941
+ position: absolute;
2905
2942
  }
2906
2943
  .e-richtexteditor .e-videoheader,
2907
2944
  .e-richtexteditor .e-embed-videoheader,
package/styles/rich-text-editor/material3.css CHANGED
@@ -629,6 +629,10 @@
629
629
  .e-richtexteditor.e-bigger .e-dialog.e-rte-dialog-minheight {
630
630
  min-height: 324px;
631
631
  }
632
+ .e-bigger .e-richtexteditor .e-rte-content .e-content,
633
+ .e-richtexteditor.e-bigger .e-rte-content .e-content {
634
+ font-size: 16px;
635
+ }
632
636
 
633
637
  .e-richtexteditor {
634
638
  color: rgba(var(--color-sf-on-surface));
@@ -914,12 +918,7 @@
914
918
  position: relative;
915
919
  text-align: inherit;
916
920
  z-index: 2;
917
- }
918
- @media screen and (min-width: 992px) {
919
- .e-richtexteditor .e-rte-content .e-content,
920
- .e-richtexteditor .e-source-content .e-content {
921
- font-size: 14px;
922
- }
921
+ font-size: 14px;
923
922
  }
924
923
  .e-richtexteditor .e-rte-content .e-content p,
925
924
  .e-richtexteditor .e-source-content .e-content p {
@@ -1096,6 +1095,34 @@
1096
1095
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn {
1097
1096
  font-size: 18px;
1098
1097
  }
1098
+ .e-richtexteditor .e-clickelem::after,
1099
+ .e-richtexteditor .e-video-clickelem::after {
1100
+ left: 0;
1101
+ right: 0;
1102
+ z-index: 1;
1103
+ }
1104
+ .e-richtexteditor .e-clickelem::before,
1105
+ .e-richtexteditor .e-video-clickelem::before {
1106
+ left: 0;
1107
+ right: 0;
1108
+ z-index: 1;
1109
+ }
1110
+ .e-richtexteditor .e-clickelem::before {
1111
+ bottom: 70%;
1112
+ top: 0;
1113
+ }
1114
+ .e-richtexteditor .e-clickelem::after {
1115
+ bottom: 0;
1116
+ top: 70%;
1117
+ }
1118
+ .e-richtexteditor .e-video-clickelem::before {
1119
+ bottom: 85%;
1120
+ top: 0;
1121
+ }
1122
+ .e-richtexteditor .e-video-clickelem::after {
1123
+ bottom: 0;
1124
+ top: 90%;
1125
+ }
1099
1126
 
1100
1127
  .e-rte-linkcontent .e-rte-label {
1101
1128
  padding-top: 20px;
@@ -1345,7 +1372,6 @@
1345
1372
  height: 20px;
1346
1373
  min-width: 20px;
1347
1374
  padding: 2px 5px;
1348
- vertical-align: middle;
1349
1375
  }
1350
1376
 
1351
1377
  .e-rte-table.e-dashed-border td,
@@ -1388,6 +1414,14 @@
1388
1414
  padding-top: 0;
1389
1415
  }
1390
1416
 
1417
+ .e-rte-video-dialog .e-rte-label {
1418
+ padding-top: 20px;
1419
+ }
1420
+
1421
+ .e-rte-video-dialog .e-rte-label:first-child {
1422
+ padding-top: 0;
1423
+ }
1424
+
1391
1425
  .e-rte-table-resize.e-row-resize,
1392
1426
  .e-rte-table-resize.e-column-resize {
1393
1427
  background-color: transparent;
@@ -1592,15 +1626,15 @@
1592
1626
  .e-rte-elements .e-rte-table-popup.e-popup-open .e-rte-tablecell {
1593
1627
  border: 1px solid rgba(var(--color-sf-outline-variant));
1594
1628
  display: inline-block;
1595
- height: 20px;
1596
- margin: 2px;
1629
+ height: 14px;
1630
+ margin: 1px;
1597
1631
  overflow: hidden;
1598
1632
  vertical-align: top;
1599
- width: 20px;
1633
+ width: 14px;
1600
1634
  }
1601
1635
  .e-richtexteditor .e-rte-table-popup.e-popup-open .e-rte-table-row,
1602
1636
  .e-rte-elements .e-rte-table-popup.e-popup-open .e-rte-table-row {
1603
- height: 24px;
1637
+ height: 16px;
1604
1638
  }
1605
1639
  .e-richtexteditor .e-rte-table-popup.e-popup-open .e-insert-table-btn,
1606
1640
  .e-rte-elements .e-rte-table-popup.e-popup-open .e-insert-table-btn {
@@ -2432,12 +2466,12 @@
2432
2466
  }
2433
2467
 
2434
2468
  .e-bigger .e-rte-table-popup.e-popup-open .e-rte-tablecell {
2435
- height: 24px;
2436
- width: 24px;
2469
+ height: 16px;
2470
+ width: 16px;
2437
2471
  }
2438
2472
 
2439
2473
  .e-bigger .e-rte-table-popup.e-popup-open .e-rte-table-row {
2440
- height: 28px;
2474
+ height: 18px;
2441
2475
  }
2442
2476
 
2443
2477
  .e-table-rhelper {
@@ -2949,15 +2983,18 @@
2949
2983
  .e-richtexteditor .e-clickelem::after,
2950
2984
  .e-richtexteditor .e-video-clickelem::after {
2951
2985
  background: transparent;
2952
- bottom: 0;
2953
2986
  content: "";
2954
2987
  cursor: default;
2955
2988
  display: block;
2956
- left: 0;
2957
2989
  position: absolute;
2958
- right: 0;
2959
- top: 0;
2960
- z-index: 1;
2990
+ }
2991
+ .e-richtexteditor .e-clickelem::before,
2992
+ .e-richtexteditor .e-video-clickelem::before {
2993
+ background: transparent;
2994
+ content: "";
2995
+ cursor: default;
2996
+ display: block;
2997
+ position: absolute;
2961
2998
  }
2962
2999
  .e-richtexteditor .e-videoheader,
2963
3000
  .e-richtexteditor .e-embed-videoheader,
package/styles/rich-text-editor/tailwind-dark.css CHANGED
@@ -522,6 +522,10 @@
522
522
  .e-richtexteditor.e-bigger .e-dialog.e-rte-dialog-minheight {
523
523
  min-height: 324px;
524
524
  }
525
+ .e-bigger .e-richtexteditor .e-rte-content .e-content,
526
+ .e-richtexteditor.e-bigger .e-rte-content .e-content {
527
+ font-size: 16px;
528
+ }
525
529
 
526
530
  .e-richtexteditor {
527
531
  color: #fff;
@@ -807,12 +811,7 @@
807
811
  position: relative;
808
812
  text-align: inherit;
809
813
  z-index: 2;
810
- }
811
- @media screen and (min-width: 992px) {
812
- .e-richtexteditor .e-rte-content .e-content,
813
- .e-richtexteditor .e-source-content .e-content {
814
- font-size: 14px;
815
- }
814
+ font-size: 14px;
816
815
  }
817
816
  .e-richtexteditor .e-rte-content .e-content p,
818
817
  .e-richtexteditor .e-source-content .e-content p {
@@ -989,6 +988,34 @@
989
988
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn {
990
989
  font-size: 20px;
991
990
  }
991
+ .e-richtexteditor .e-clickelem::after,
992
+ .e-richtexteditor .e-video-clickelem::after {
993
+ left: 0;
994
+ right: 0;
995
+ z-index: 1;
996
+ }
997
+ .e-richtexteditor .e-clickelem::before,
998
+ .e-richtexteditor .e-video-clickelem::before {
999
+ left: 0;
1000
+ right: 0;
1001
+ z-index: 1;
1002
+ }
1003
+ .e-richtexteditor .e-clickelem::before {
1004
+ bottom: 70%;
1005
+ top: 0;
1006
+ }
1007
+ .e-richtexteditor .e-clickelem::after {
1008
+ bottom: 0;
1009
+ top: 70%;
1010
+ }
1011
+ .e-richtexteditor .e-video-clickelem::before {
1012
+ bottom: 85%;
1013
+ top: 0;
1014
+ }
1015
+ .e-richtexteditor .e-video-clickelem::after {
1016
+ bottom: 0;
1017
+ top: 90%;
1018
+ }
992
1019
 
993
1020
  .e-rte-linkcontent .e-rte-label {
994
1021
  padding-top: 12px;
@@ -1238,7 +1265,6 @@
1238
1265
  height: 20px;
1239
1266
  min-width: 20px;
1240
1267
  padding: 2px 5px;
1241
- vertical-align: middle;
1242
1268
  }
1243
1269
 
1244
1270
  .e-rte-table.e-dashed-border td,
@@ -1281,6 +1307,14 @@
1281
1307
  padding-top: 0;
1282
1308
  }
1283
1309
 
1310
+ .e-rte-video-dialog .e-rte-label {
1311
+ padding-top: 12px;
1312
+ }
1313
+
1314
+ .e-rte-video-dialog .e-rte-label:first-child {
1315
+ padding-top: 0;
1316
+ }
1317
+
1284
1318
  .e-rte-table-resize.e-row-resize,
1285
1319
  .e-rte-table-resize.e-column-resize {
1286
1320
  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,
package/styles/rich-text-editor/tailwind.css CHANGED
@@ -522,6 +522,10 @@
522
522
  .e-richtexteditor.e-bigger .e-dialog.e-rte-dialog-minheight {
523
523
  min-height: 324px;
524
524
  }
525
+ .e-bigger .e-richtexteditor .e-rte-content .e-content,
526
+ .e-richtexteditor.e-bigger .e-rte-content .e-content {
527
+ font-size: 16px;
528
+ }
525
529
 
526
530
  .e-richtexteditor {
527
531
  color: #111827;
@@ -807,12 +811,7 @@
807
811
  position: relative;
808
812
  text-align: inherit;
809
813
  z-index: 2;
810
- }
811
- @media screen and (min-width: 992px) {
812
- .e-richtexteditor .e-rte-content .e-content,
813
- .e-richtexteditor .e-source-content .e-content {
814
- font-size: 14px;
815
- }
814
+ font-size: 14px;
816
815
  }
817
816
  .e-richtexteditor .e-rte-content .e-content p,
818
817
  .e-richtexteditor .e-source-content .e-content p {
@@ -989,6 +988,34 @@
989
988
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn {
990
989
  font-size: 20px;
991
990
  }
991
+ .e-richtexteditor .e-clickelem::after,
992
+ .e-richtexteditor .e-video-clickelem::after {
993
+ left: 0;
994
+ right: 0;
995
+ z-index: 1;
996
+ }
997
+ .e-richtexteditor .e-clickelem::before,
998
+ .e-richtexteditor .e-video-clickelem::before {
999
+ left: 0;
1000
+ right: 0;
1001
+ z-index: 1;
1002
+ }
1003
+ .e-richtexteditor .e-clickelem::before {
1004
+ bottom: 70%;
1005
+ top: 0;
1006
+ }
1007
+ .e-richtexteditor .e-clickelem::after {
1008
+ bottom: 0;
1009
+ top: 70%;
1010
+ }
1011
+ .e-richtexteditor .e-video-clickelem::before {
1012
+ bottom: 85%;
1013
+ top: 0;
1014
+ }
1015
+ .e-richtexteditor .e-video-clickelem::after {
1016
+ bottom: 0;
1017
+ top: 90%;
1018
+ }
992
1019
 
993
1020
  .e-rte-linkcontent .e-rte-label {
994
1021
  padding-top: 12px;
@@ -1238,7 +1265,6 @@
1238
1265
  height: 20px;
1239
1266
  min-width: 20px;
1240
1267
  padding: 2px 5px;
1241
- vertical-align: middle;
1242
1268
  }
1243
1269
 
1244
1270
  .e-rte-table.e-dashed-border td,
@@ -1281,6 +1307,14 @@
1281
1307
  padding-top: 0;
1282
1308
  }
1283
1309
 
1310
+ .e-rte-video-dialog .e-rte-label {
1311
+ padding-top: 12px;
1312
+ }
1313
+
1314
+ .e-rte-video-dialog .e-rte-label:first-child {
1315
+ padding-top: 0;
1316
+ }
1317
+
1284
1318
  .e-rte-table-resize.e-row-resize,
1285
1319
  .e-rte-table-resize.e-column-resize {
1286
1320
  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,