@syncfusion/ej2-richtexteditor 24.1.47 → 24.2.4

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 (106) hide show
  1. package/CHANGELOG.md +30 -2
  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 +832 -209
  6. package/dist/es6/ej2-richtexteditor.es2015.js.map +1 -1
  7. package/dist/es6/ej2-richtexteditor.es5.js +835 -203
  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.d.ts +6 -0
  16. package/src/common/util.js +58 -20
  17. package/src/editor-manager/base/constant.d.ts +6 -0
  18. package/src/editor-manager/base/constant.js +6 -0
  19. package/src/editor-manager/base/editor-manager.d.ts +5 -0
  20. package/src/editor-manager/base/editor-manager.js +59 -0
  21. package/src/editor-manager/base/interface.d.ts +8 -0
  22. package/src/editor-manager/plugin/dom-node.js +3 -1
  23. package/src/editor-manager/plugin/format-painter-actions.js +1 -1
  24. package/src/editor-manager/plugin/inserthtml.js +7 -2
  25. package/src/editor-manager/plugin/ms-word-clean-up.d.ts +2 -0
  26. package/src/editor-manager/plugin/ms-word-clean-up.js +39 -10
  27. package/src/editor-manager/plugin/selection-commands.js +16 -0
  28. package/src/editor-manager/plugin/table.d.ts +0 -1
  29. package/src/editor-manager/plugin/table.js +14 -26
  30. package/src/editor-manager/plugin/undo.d.ts +1 -0
  31. package/src/editor-manager/plugin/undo.js +21 -1
  32. package/src/rich-text-editor/actions/base-quick-toolbar.js +3 -0
  33. package/src/rich-text-editor/actions/base-toolbar.js +8 -4
  34. package/src/rich-text-editor/actions/count.js +1 -1
  35. package/src/rich-text-editor/actions/dropdown-buttons.js +21 -2
  36. package/src/rich-text-editor/actions/emoji-picker.js +1 -1
  37. package/src/rich-text-editor/actions/full-screen.js +1 -0
  38. package/src/rich-text-editor/actions/html-editor.d.ts +2 -0
  39. package/src/rich-text-editor/actions/html-editor.js +88 -4
  40. package/src/rich-text-editor/actions/keyboard.js +3 -1
  41. package/src/rich-text-editor/actions/paste-clean-up.d.ts +1 -0
  42. package/src/rich-text-editor/actions/paste-clean-up.js +32 -4
  43. package/src/rich-text-editor/actions/toolbar.d.ts +2 -1
  44. package/src/rich-text-editor/base/constant.d.ts +25 -0
  45. package/src/rich-text-editor/base/constant.js +194 -0
  46. package/src/rich-text-editor/base/interface.d.ts +6 -1
  47. package/src/rich-text-editor/base/rich-text-editor.d.ts +1 -0
  48. package/src/rich-text-editor/base/rich-text-editor.js +34 -64
  49. package/src/rich-text-editor/base/util.d.ts +4 -0
  50. package/src/rich-text-editor/base/util.js +35 -1
  51. package/src/rich-text-editor/formatter/formatter.js +15 -4
  52. package/src/rich-text-editor/models/default-locale.js +17 -17
  53. package/src/rich-text-editor/models/items.js +2 -2
  54. package/src/rich-text-editor/renderer/audio-module.d.ts +1 -0
  55. package/src/rich-text-editor/renderer/audio-module.js +13 -0
  56. package/src/rich-text-editor/renderer/dialog-renderer.d.ts +2 -0
  57. package/src/rich-text-editor/renderer/dialog-renderer.js +7 -0
  58. package/src/rich-text-editor/renderer/iframe-content-renderer.js +1 -1
  59. package/src/rich-text-editor/renderer/image-module.d.ts +1 -0
  60. package/src/rich-text-editor/renderer/image-module.js +20 -2
  61. package/src/rich-text-editor/renderer/link-module.js +10 -1
  62. package/src/rich-text-editor/renderer/table-module.d.ts +2 -0
  63. package/src/rich-text-editor/renderer/table-module.js +22 -2
  64. package/src/rich-text-editor/renderer/toolbar-renderer.d.ts +1 -0
  65. package/src/rich-text-editor/renderer/toolbar-renderer.js +25 -3
  66. package/src/rich-text-editor/renderer/video-module.d.ts +3 -0
  67. package/src/rich-text-editor/renderer/video-module.js +54 -30
  68. package/src/selection/selection.js +3 -0
  69. package/styles/bootstrap-dark.css +44 -6
  70. package/styles/bootstrap.css +44 -6
  71. package/styles/bootstrap4.css +44 -6
  72. package/styles/bootstrap5-dark.css +44 -6
  73. package/styles/bootstrap5.css +44 -6
  74. package/styles/fabric-dark.css +44 -6
  75. package/styles/fabric.css +44 -6
  76. package/styles/fluent-dark.css +44 -6
  77. package/styles/fluent.css +44 -6
  78. package/styles/highcontrast-light.css +44 -6
  79. package/styles/highcontrast.css +44 -6
  80. package/styles/material-dark.css +44 -6
  81. package/styles/material.css +44 -6
  82. package/styles/material3-dark.css +58 -14
  83. package/styles/material3.css +58 -14
  84. package/styles/rich-text-editor/_layout.scss +39 -2
  85. package/styles/rich-text-editor/_material-definition.scss +0 -1
  86. package/styles/rich-text-editor/_material3-definition.scss +7 -7
  87. package/styles/rich-text-editor/_theme.scss +12 -5
  88. package/styles/rich-text-editor/bootstrap-dark.css +44 -6
  89. package/styles/rich-text-editor/bootstrap.css +44 -6
  90. package/styles/rich-text-editor/bootstrap4.css +44 -6
  91. package/styles/rich-text-editor/bootstrap5-dark.css +44 -6
  92. package/styles/rich-text-editor/bootstrap5.css +44 -6
  93. package/styles/rich-text-editor/fabric-dark.css +44 -6
  94. package/styles/rich-text-editor/fabric.css +44 -6
  95. package/styles/rich-text-editor/fluent-dark.css +44 -6
  96. package/styles/rich-text-editor/fluent.css +44 -6
  97. package/styles/rich-text-editor/highcontrast-light.css +44 -6
  98. package/styles/rich-text-editor/highcontrast.css +44 -6
  99. package/styles/rich-text-editor/material-dark.css +44 -6
  100. package/styles/rich-text-editor/material.css +44 -6
  101. package/styles/rich-text-editor/material3-dark.css +58 -14
  102. package/styles/rich-text-editor/material3.css +58 -14
  103. package/styles/rich-text-editor/tailwind-dark.css +44 -6
  104. package/styles/rich-text-editor/tailwind.css +44 -6
  105. package/styles/tailwind-dark.css +44 -6
  106. package/styles/tailwind.css +44 -6
package/styles/rich-text-editor/tailwind.css CHANGED
@@ -988,6 +988,34 @@
988
988
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn {
989
989
  font-size: 20px;
990
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
+ }
991
1019
 
992
1020
  .e-rte-linkcontent .e-rte-label {
993
1021
  padding-top: 12px;
@@ -1237,7 +1265,6 @@
1237
1265
  height: 20px;
1238
1266
  min-width: 20px;
1239
1267
  padding: 2px 5px;
1240
- vertical-align: middle;
1241
1268
  }
1242
1269
 
1243
1270
  .e-rte-table.e-dashed-border td,
@@ -1280,6 +1307,14 @@
1280
1307
  padding-top: 0;
1281
1308
  }
1282
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
+
1283
1318
  .e-rte-table-resize.e-row-resize,
1284
1319
  .e-rte-table-resize.e-column-resize {
1285
1320
  background-color: transparent;
@@ -2825,15 +2860,18 @@
2825
2860
  .e-richtexteditor .e-clickelem::after,
2826
2861
  .e-richtexteditor .e-video-clickelem::after {
2827
2862
  background: transparent;
2828
- bottom: 0;
2829
2863
  content: "";
2830
2864
  cursor: default;
2831
2865
  display: block;
2832
- left: 0;
2833
2866
  position: absolute;
2834
- right: 0;
2835
- top: 0;
2836
- 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;
2837
2875
  }
2838
2876
  .e-richtexteditor .e-videoheader,
2839
2877
  .e-richtexteditor .e-embed-videoheader,
package/styles/tailwind-dark.css CHANGED
@@ -988,6 +988,34 @@
988
988
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn {
989
989
  font-size: 20px;
990
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
+ }
991
1019
 
992
1020
  .e-rte-linkcontent .e-rte-label {
993
1021
  padding-top: 12px;
@@ -1237,7 +1265,6 @@
1237
1265
  height: 20px;
1238
1266
  min-width: 20px;
1239
1267
  padding: 2px 5px;
1240
- vertical-align: middle;
1241
1268
  }
1242
1269
 
1243
1270
  .e-rte-table.e-dashed-border td,
@@ -1280,6 +1307,14 @@
1280
1307
  padding-top: 0;
1281
1308
  }
1282
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
+
1283
1318
  .e-rte-table-resize.e-row-resize,
1284
1319
  .e-rte-table-resize.e-column-resize {
1285
1320
  background-color: transparent;
@@ -2825,15 +2860,18 @@
2825
2860
  .e-richtexteditor .e-clickelem::after,
2826
2861
  .e-richtexteditor .e-video-clickelem::after {
2827
2862
  background: transparent;
2828
- bottom: 0;
2829
2863
  content: "";
2830
2864
  cursor: default;
2831
2865
  display: block;
2832
- left: 0;
2833
2866
  position: absolute;
2834
- right: 0;
2835
- top: 0;
2836
- 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;
2837
2875
  }
2838
2876
  .e-richtexteditor .e-videoheader,
2839
2877
  .e-richtexteditor .e-embed-videoheader,
package/styles/tailwind.css CHANGED
@@ -988,6 +988,34 @@
988
988
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn {
989
989
  font-size: 20px;
990
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
+ }
991
1019
 
992
1020
  .e-rte-linkcontent .e-rte-label {
993
1021
  padding-top: 12px;
@@ -1237,7 +1265,6 @@
1237
1265
  height: 20px;
1238
1266
  min-width: 20px;
1239
1267
  padding: 2px 5px;
1240
- vertical-align: middle;
1241
1268
  }
1242
1269
 
1243
1270
  .e-rte-table.e-dashed-border td,
@@ -1280,6 +1307,14 @@
1280
1307
  padding-top: 0;
1281
1308
  }
1282
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
+
1283
1318
  .e-rte-table-resize.e-row-resize,
1284
1319
  .e-rte-table-resize.e-column-resize {
1285
1320
  background-color: transparent;
@@ -2825,15 +2860,18 @@
2825
2860
  .e-richtexteditor .e-clickelem::after,
2826
2861
  .e-richtexteditor .e-video-clickelem::after {
2827
2862
  background: transparent;
2828
- bottom: 0;
2829
2863
  content: "";
2830
2864
  cursor: default;
2831
2865
  display: block;
2832
- left: 0;
2833
2866
  position: absolute;
2834
- right: 0;
2835
- top: 0;
2836
- 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;
2837
2875
  }
2838
2876
  .e-richtexteditor .e-videoheader,
2839
2877
  .e-richtexteditor .e-embed-videoheader,