@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/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/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,