@syncfusion/ej2-richtexteditor 25.1.41 → 25.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 (69) hide show
  1. package/CHANGELOG.md +38 -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 +226 -90
  6. package/dist/es6/ej2-richtexteditor.es2015.js.map +1 -1
  7. package/dist/es6/ej2-richtexteditor.es5.js +226 -91
  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 +23 -13
  13. package/src/common/util.d.ts +8 -0
  14. package/src/common/util.js +52 -0
  15. package/src/editor-manager/plugin/inserthtml.js +8 -2
  16. package/src/editor-manager/plugin/lists.d.ts +1 -0
  17. package/src/editor-manager/plugin/lists.js +97 -51
  18. package/src/editor-manager/plugin/ms-word-clean-up.js +2 -2
  19. package/src/editor-manager/plugin/nodecutter.js +2 -2
  20. package/src/editor-manager/plugin/undo.js +3 -1
  21. package/src/rich-text-editor/actions/emoji-picker.js +1 -1
  22. package/src/rich-text-editor/actions/enter-key.js +9 -0
  23. package/src/rich-text-editor/actions/html-editor.js +10 -12
  24. package/src/rich-text-editor/actions/paste-clean-up.js +13 -9
  25. package/src/rich-text-editor/base/enum.d.ts +4 -4
  26. package/src/rich-text-editor/base/enum.js +9 -9
  27. package/src/rich-text-editor/base/interface.d.ts +3 -3
  28. package/src/rich-text-editor/base/rich-text-editor.js +7 -0
  29. package/src/rich-text-editor/renderer/iframe-content-renderer.js +1 -1
  30. package/src/rich-text-editor/renderer/image-module.js +3 -3
  31. package/src/rich-text-editor/renderer/link-module.js +3 -0
  32. package/src/rich-text-editor/renderer/table-module.js +3 -0
  33. package/src/rich-text-editor/renderer/toolbar-renderer.d.ts +2 -0
  34. package/src/rich-text-editor/renderer/toolbar-renderer.js +7 -1
  35. package/styles/bootstrap-dark.css +7 -6
  36. package/styles/bootstrap.css +7 -6
  37. package/styles/bootstrap4.css +7 -6
  38. package/styles/bootstrap5-dark.css +7 -6
  39. package/styles/bootstrap5.css +7 -6
  40. package/styles/fabric-dark.css +7 -6
  41. package/styles/fabric.css +7 -6
  42. package/styles/fluent-dark.css +7 -6
  43. package/styles/fluent.css +7 -6
  44. package/styles/highcontrast-light.css +7 -6
  45. package/styles/highcontrast.css +7 -6
  46. package/styles/material-dark.css +7 -6
  47. package/styles/material.css +7 -6
  48. package/styles/material3-dark.css +7 -6
  49. package/styles/material3.css +7 -6
  50. package/styles/rich-text-editor/_layout.scss +7 -6
  51. package/styles/rich-text-editor/bootstrap-dark.css +7 -6
  52. package/styles/rich-text-editor/bootstrap.css +7 -6
  53. package/styles/rich-text-editor/bootstrap4.css +7 -6
  54. package/styles/rich-text-editor/bootstrap5-dark.css +7 -6
  55. package/styles/rich-text-editor/bootstrap5.css +7 -6
  56. package/styles/rich-text-editor/fabric-dark.css +7 -6
  57. package/styles/rich-text-editor/fabric.css +7 -6
  58. package/styles/rich-text-editor/fluent-dark.css +7 -6
  59. package/styles/rich-text-editor/fluent.css +7 -6
  60. package/styles/rich-text-editor/highcontrast-light.css +7 -6
  61. package/styles/rich-text-editor/highcontrast.css +7 -6
  62. package/styles/rich-text-editor/material-dark.css +7 -6
  63. package/styles/rich-text-editor/material.css +7 -6
  64. package/styles/rich-text-editor/material3-dark.css +7 -6
  65. package/styles/rich-text-editor/material3.css +7 -6
  66. package/styles/rich-text-editor/tailwind-dark.css +7 -6
  67. package/styles/rich-text-editor/tailwind.css +7 -6
  68. package/styles/tailwind-dark.css +7 -6
  69. package/styles/tailwind.css +7 -6
package/src/rich-text-editor/base/interface.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { Component, Observer, L10n, KeyboardEventArgs, EmitType } from '@syncfusion/ej2-base';
2
2
  import { ItemModel, OverflowMode } from '@syncfusion/ej2-navigations';
3
3
  import { ItemModel as DropDownItemModel, DropDownButton } from '@syncfusion/ej2-splitbuttons';
4
- import { ToolbarType, RenderType, UploadRequest } from './enum';
4
+ import { ToolbarType, RenderType, ImageInputSource } from './enum';
5
5
  import { Toolbar } from '../actions/toolbar';
6
6
  import { UndoRedoManager } from '../../editor-manager/plugin/undo';
7
7
  import { ClickEventArgs } from '@syncfusion/ej2-navigations';
@@ -1159,9 +1159,9 @@ export interface ImageSuccessEventArgs {
1159
1159
  */
1160
1160
  element?: HTMLElement;
1161
1161
  /**
1162
- * Specify the request type of the event.
1162
+ * Specify the detected image source of the event.
1163
1163
  */
1164
- requestType?: UploadRequest;
1164
+ detectImageSource?: ImageInputSource;
1165
1165
  }
1166
1166
  /**
1167
1167
  * Provides information about a ImageFailed event.
package/src/rich-text-editor/base/rich-text-editor.js CHANGED
@@ -1072,6 +1072,13 @@ var RichTextEditor = /** @class */ (function (_super) {
1072
1072
  clearInterval(this.timeInterval);
1073
1073
  this.timeInterval = null;
1074
1074
  }
1075
+ var tooltipElements = document.querySelectorAll('[data-rte-id="' + this.getID() + '"]');
1076
+ for (var i = 0; i < tooltipElements.length; i++) {
1077
+ var tooltipEle = tooltipElements[i];
1078
+ if (this.getID() === tooltipEle.getAttribute('data-rte-id')) {
1079
+ detach(tooltipEle);
1080
+ }
1081
+ }
1075
1082
  if (this.element.offsetParent === null) {
1076
1083
  if (!isNOU(this.toolbarModule)) {
1077
1084
  this.toolbarModule.destroy();
package/src/rich-text-editor/renderer/iframe-content-renderer.js CHANGED
@@ -14,7 +14,7 @@ var __extends = (this && this.__extends) || (function () {
14
14
  import { ContentRender } from '../renderer/content-renderer';
15
15
  import { isNullOrUndefined } from '@syncfusion/ej2-base';
16
16
  import { getEditValue } from '../base/util';
17
- var IFRAMEHEADER = "\n<!DOCTYPE html> \n <html>\n <head>\n <meta charset='utf-8' /> \n <style>\n @charset \"UTF-8\";\n body {\n font-family: \"Roboto\", sans-serif;\n font-size: 14px;\n }\n html, body{height: 100%;margin: 0;}\n body.e-cursor{cursor:default}\n span.e-selected-node\t{background-color: #939393;color: white;}\n span.e-selected-node.e-highlight {background-color: #1d9dd8;}\n body{color:#333;word-wrap:break-word;padding: 8px;box-sizing: border-box;}\n .e-rte-image, .e-rte-video {border: 0;cursor: pointer;display:\n block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}\n .e-rte-audio {border: 0;cursor: pointer;display:\n block;float: none;margin: 5px auto;max-width: 100%;position: relative;}\n .e-rte-image.e-imginline, .e-rte-audio.e-audio-inline, .e-rte-video.e-video-inline {display: inline-block;float: none;\n margin-left: 5px;margin-right: 5px;max-width: calc(100% - (2 * 5px));padding: 1px;vertical-align: bottom;}\n .e-rte-image.e-imgcenter, .e-rte-video.e-video-center {cursor: pointer;display: block;float: none;margin: 5px auto;max-width: 100%;position: relative;}\n .e-rte-image.e-imgright, .e-rte-video.e-video-right { float: right; margin: 0 auto;margin-left: 5px;text-align: right;}\n .e-rte-image.e-imgleft, .e-rte-video.e-video-left {float: left;margin: 0 auto;margin-right: 5px;text-align: left;}\n .e-img-caption { display: inline-block; float: none; margin: 5px auto; max-width: 100%;position: relative;}\n .e-img-caption.e-caption-inline {display: inline-block;float: none;\n margin: 5px auto;margin-left: 5px;margin-right: 5px;max-width: calc(100% - (2 * 5px));\n position: relativetext-align: center;vertical-align: bottom;}\n .e-rte-img-caption.e-imgcenter {display: contents; margin-left: auto; margin-right: auto;}\n .e-rte-img-caption.e-imgright {display: contents; margin-left: auto; margin-right: 0;}\n .e-rte-img-caption.e-imgleft {display: contents;margin-left: 0;margin-right: auto;}\n .e-img-caption.e-rte-img-caption.e-imgbreak {display: contents;}\n .e-img-inner {box-sizing: border-box;display: block;font-size: 16px;font-weight: initial;\n margin: auto;opacity: .9;text-align: center;width: 100%;}\n .e-img-wrap {display: inline-block;margin: auto;padding: 0;text-align: center;width: 100%;}\n .e-imgleft, .e-video-left {float: left;margin: 0 5px 0 0;text-align: left;}\n .e-imgright, .e-video-right {float: right;margin: 0 0 0 5px;text-align: right;}\n .e-imgcenter, .e-video-center {cursor: pointer;display: block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}\n .e-control img:not(.e-resize) {border: 2px solid transparent; z-index: 1000}\n .e-imginline , .e-audio-inline, .e-video-inline {display: inline-block;float: none;margin-left: 5px;margin-right: 5px;\n max-width: calc(100% - (2 * 5px));vertical-align: bottom;}\n .e-imgbreak, .e-audio-break, .e-video-break {border: 0;cursor: pointer;\n display: block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}\n .e-rte-image.e-img-focus:not(.e-resize), .e-audio-focus:not(.e-resize), .e-video-focus:not(.e-resize) {border: solid 2px #4a90e2;}\n img.e-img-focus::selection, audio.e-audio-focus::selection, .e-video-focus::selection { background: transparent;color: transparent;}\n span.e-rte-imageboxmark, span.e-rte-videoboxmark { width: 10px; height: 10px; position: absolute; display: block;\n background: #4a90e2; border: 1px solid #fff; z-index: 1000;}\n .e-mob-rte.e-mob-span span.e-rte-imageboxmark, .e-mob-rte.e-mob-span span.e-rte-videoboxmark { background: #4a90e2; border: 1px solid #fff; }\n .e-mob-rte span.e-rte-imageboxmark, .e-mob-rte span.e-rte-videoboxmark { background: #fff; border: 1px solid #4a90e2;\n border-radius: 15px; height: 20px; width: 20px; }\n .e-mob-rte.e-mob-span span.e-rte-imageboxmark, .e-mob-rte.e-mob-span span.e-rte-videoboxmark { background: #4a90e2; border: 1px solid #fff; }\n .e-rte-content .e-content img.e-resize, .e-rte-content .e-content video.e-resize { z-index: 1000; }\n .e-img-caption .e-img-inner { outline: 0; }\n .e-rte-img-caption.e-imgleft .e-img-inner { float: left; text-align: left; }\n .e-rte-img-caption.e-imgright .e-img-inner { float: right; text-align: right; }\n .e-rte-img-caption.e-imgleft .e-img-wrap, .e-rte-img-caption.e-imgright .e-img-wrap { display: contents; }\n .e-img-caption a:focus-visible { outline: none; }\n .e-rte-img-caption .e-rte-image.e-imgright { margin-left: auto; margin-right: 0; }\n .e-rte-img-caption .e-rte-image.e-imgleft { margin: 0; }\n body{box-sizing: border-box;min-height: 100px;outline: 0 solid transparent;\n overflow-x: auto;padding: 16px;position: relative;text-align: inherit;z-index: 2;}\n p{margin: 0 0 10px;margin-bottom: 10px;}\n li{margin-bottom: 10px;}\n h1{font-size: 2.17em;font-weight: 400;line-height: 1;margin: 10px 0;}\n h2{font-size: 1.74em;font-weight: 400;margin: 10px 0;}\n h3{font-size: 1.31em;font-weight: 400;margin: 10px 0;}\n h4{font-size: 16px;font-weight: 400;line-height: 1.5;margin: 0;}\n h5{font-size: 00.8em;font-weight: 400;margin: 0;}\n h6{font-size: 00.65em;font-weight: 400;margin: 0;}\n blockquote{margin: 10px 0;margin-left: 0;padding-left: 5px;border-left: solid 2px #5c5c5c;}\n pre{background-color: inherit;border: 0;border-radius: 0;color: #333;\n font-size: inherit;line-height: inherit;margin: 0 0 10px;overflow: visible;padding: 0;\n white-space: pre-wrap;word-break: inherit;word-wrap: break-word;}\n strong, b{font-weight: 700;}\n a{text-decoration: none;user-select: auto;}\n a:hover{text-decoration: underline;};\n p:last-child, pre:last-child, blockquote:last-child{margin-bottom: 0;}\n h3+h4, h4+h5, h5+h6{margin-top: 00.6em;}\n ul:last-child{margin-bottom: 0;}\n table { border-collapse: collapse; empty-cells: show;}\n table td,table th {border: 1px solid #BDBDBD; height: 20px; padding: 2px 5px; vertical-align: middle;}\n table.e-alternate-border tbody tr:nth-child(2n) {background-color: #F5F5F5;}\n table th {background-color: #E0E0E0;}\n table.e-dashed-border td,table.e-dashed-border th { border: 1px dashed #BDBDBD} \n table .e-cell-select {border: 1px double #4a90e2;}\n span.e-table-box { cursor: nwse-resize; display: block; height: 10px; position: absolute; width: 10px; }\n span.e-table-box.e-rmob {height: 14px;width: 14px;}\n .e-row-resize, .e-column-resize { background-color: transparent; background-repeat: repeat;\n bottom: 0;cursor: col-resize;height: 1px;overflow: visible;position: absolute;width: 1px; }\n .e-row-resize { cursor: row-resize; height: 1px;}\n .e-table-rhelper { cursor: col-resize; opacity: .87;position: absolute;}\n .e-table-rhelper.e-column-helper { width: 1px; }\n .e-table-rhelper.e-row-helper {height: 1px;}\n .e-reicon::before { border-bottom: 6px solid transparent; border-right: 6px solid;\n border-top: 6px solid transparent; content: ''; display: block; height: 0;\n position: absolute; right: 4px; top: 4px; width: 20px; }\n .e-reicon::after { border-bottom: 6px solid transparent; border-left: 6px solid;\n border-top: 6px solid transparent; content: ''; display: block;\n height: 0; left: 4px; position: absolute; top: 4px; width: 20px; z-index: 3; }\n .e-row-helper.e-reicon::after { top: 10px; transform: rotate(90deg); }\n .e-row-helper.e-reicon::before { left: 4px; top: -20px; transform: rotate(90deg); }\n span.e-table-box { background-color: #ffffff; border: 1px solid #BDBDBD; }\n span.e-table-box.e-rbox-select { background-color: #BDBDBD; border: 1px solid #BDBDBD; }\n .e-table-rhelper { background-color: #4a90e2;}\n .e-rtl { direction: rtl; }\n .e-rte-placeholder::before { content: attr(placeholder); opacity: 0.54; overflow: hidden; padding-top: 16px; position: absolute; text-align: start; top: 0; z-index: 1; }\n li ol, li ul { margin-block-start: 10px;}\n </style>\n </head>";
17
+ var IFRAMEHEADER = "\n<!DOCTYPE html> \n <html>\n <head>\n <meta charset='utf-8' /> \n <style>\n @charset \"UTF-8\";\n body {\n font-family: \"Roboto\", sans-serif;\n font-size: 14px;\n }\n html, body{height: 100%;margin: 0;}\n body.e-cursor{cursor:default}\n span.e-selected-node\t{background-color: #939393;color: white;}\n span.e-selected-node.e-highlight {background-color: #1d9dd8;}\n body{color:#333;word-wrap:break-word;padding: 8px;box-sizing: border-box;}\n .e-rte-image, .e-rte-video {border: 0;cursor: pointer;display:\n block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}\n .e-rte-audio {border: 0;cursor: pointer;display:\n block;float: none;margin: 5px auto;max-width: 100%;position: relative;}\n .e-rte-image.e-imginline, .e-rte-audio.e-audio-inline, .e-rte-video.e-video-inline {display: inline-block;float: none;\n margin-left: 5px;margin-right: 5px;max-width: calc(100% - (2 * 5px));padding: 1px;vertical-align: bottom;}\n .e-rte-image.e-imgcenter, .e-rte-video.e-video-center {cursor: pointer;display: block;float: none;margin: 5px auto;max-width: 100%;position: relative;}\n .e-rte-image.e-imgright, .e-rte-video.e-video-right { float: right; margin: 0 auto;margin-left: 5px;text-align: right;}\n .e-rte-image.e-imgleft, .e-rte-video.e-video-left {float: left;margin: 0 auto;margin-right: 5px;text-align: left;}\n .e-img-caption { display: inline-block; float: none; margin: 5px auto; max-width: 100%;position: relative;}\n .e-img-caption.e-caption-inline {display: inline-block;float: none;\n margin: 5px auto;margin-left: 5px;margin-right: 5px;max-width: calc(100% - (2 * 5px));\n position: relativetext-align: center;vertical-align: bottom;}\n .e-rte-img-caption.e-imgcenter {display: contents; margin-left: auto; margin-right: auto;}\n .e-rte-img-caption.e-imgright {display: contents; margin-left: auto; margin-right: 0;}\n .e-rte-img-caption.e-imgleft {display: contents;margin-left: 0;margin-right: auto;}\n .e-img-caption.e-rte-img-caption.e-imgbreak {display: contents;}\n .e-img-inner {box-sizing: border-box;display: block;font-size: 16px;font-weight: initial;\n margin: auto;opacity: .9;text-align: center;width: 100%;}\n .e-img-wrap {display: inline-block;margin: auto;padding: 0;text-align: center;width: 100%;}\n .e-imgleft, .e-video-left {float: left;margin: 0 5px 0 0;text-align: left;}\n .e-imgright, .e-video-right {float: right;margin: 0 0 0 5px;text-align: right;}\n .e-imgcenter, .e-video-center {cursor: pointer;display: block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}\n .e-control img:not(.e-resize) {border: 2px solid transparent; z-index: 1000}\n .e-imginline , .e-audio-inline, .e-video-inline {display: inline-block;float: none;margin-left: 5px;margin-right: 5px;\n max-width: calc(100% - (2 * 5px));vertical-align: bottom;}\n .e-imgbreak, .e-audio-break, .e-video-break {border: 0;cursor: pointer;\n display: block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}\n .e-rte-image.e-img-focus:not(.e-resize), .e-audio-focus:not(.e-resize), .e-video-focus:not(.e-resize) {border: solid 2px #4a90e2;}\n img.e-img-focus::selection, audio.e-audio-focus::selection, .e-video-focus::selection { background: transparent;color: transparent;}\n span.e-rte-imageboxmark, span.e-rte-videoboxmark { width: 10px; height: 10px; position: absolute; display: block;\n background: #4a90e2; border: 1px solid #fff; z-index: 1000;}\n .e-mob-rte.e-mob-span span.e-rte-imageboxmark, .e-mob-rte.e-mob-span span.e-rte-videoboxmark { background: #4a90e2; border: 1px solid #fff; }\n .e-mob-rte span.e-rte-imageboxmark, .e-mob-rte span.e-rte-videoboxmark { background: #fff; border: 1px solid #4a90e2;\n border-radius: 15px; height: 20px; width: 20px; }\n .e-mob-rte.e-mob-span span.e-rte-imageboxmark, .e-mob-rte.e-mob-span span.e-rte-videoboxmark { background: #4a90e2; border: 1px solid #fff; }\n .e-rte-content .e-content img.e-resize, .e-rte-content .e-content video.e-resize { z-index: 1000; }\n .e-img-caption .e-img-inner { outline: 0; }\n .e-rte-img-caption.e-imgleft .e-img-inner { float: left; text-align: left; }\n .e-rte-img-caption.e-imgright .e-img-inner { float: right; text-align: right; }\n .e-rte-img-caption.e-imgleft .e-img-wrap, .e-rte-img-caption.e-imgright .e-img-wrap { display: contents; }\n .e-img-caption a:focus-visible { outline: none; }\n .e-rte-img-caption .e-rte-image.e-imgright { margin-left: auto; margin-right: 0; }\n .e-rte-img-caption .e-rte-image.e-imgleft { margin: 0; }\n body{box-sizing: border-box;min-height: 100px;outline: 0 solid transparent;\n overflow-x: auto;padding: 16px;position: relative;text-align: inherit;z-index: 2;}\n p{margin: 0 0 10px;margin-bottom: 10px;}\n li{margin-bottom: 10px;}\n table{margin-bottom: 10px;}\n h1{font-size: 2.17em;font-weight: 400;line-height: 1;margin: 10px 0;}\n h2{font-size: 1.74em;font-weight: 400;margin: 10px 0;}\n h3{font-size: 1.31em;font-weight: 400;margin: 10px 0;}\n h4{font-size: 16px;font-weight: 400;line-height: 1.5;margin: 0;}\n h5{font-size: 00.8em;font-weight: 400;margin: 0;}\n h6{font-size: 00.65em;font-weight: 400;margin: 0;}\n blockquote{margin: 10px 0;margin-left: 0;padding-left: 5px;border-left: solid 2px #5c5c5c;}\n pre{background-color: inherit;border: 0;border-radius: 0;color: #333;\n font-size: inherit;line-height: inherit;margin: 0 0 10px;overflow: visible;padding: 0;\n white-space: pre-wrap;word-break: inherit;word-wrap: break-word;}\n strong, b{font-weight: 700;}\n a{text-decoration: none;user-select: auto;}\n a:hover{text-decoration: underline;};\n p:last-child, pre:last-child, blockquote:last-child{margin-bottom: 0;}\n h3+h4, h4+h5, h5+h6{margin-top: 00.6em;}\n ul:last-child{margin-bottom: 0;}\n table { border-collapse: collapse; empty-cells: show;}\n table td,table th {border: 1px solid #BDBDBD; height: 20px; padding: 2px 5px; vertical-align: middle;}\n table.e-alternate-border tbody tr:nth-child(2n) {background-color: #F5F5F5;}\n table th {background-color: #E0E0E0;}\n table.e-dashed-border td,table.e-dashed-border th { border: 1px dashed #BDBDBD} \n table .e-cell-select {border: 1px double #4a90e2;}\n span.e-table-box { cursor: nwse-resize; display: block; height: 10px; position: absolute; width: 10px; }\n span.e-table-box.e-rmob {height: 14px;width: 14px;}\n .e-row-resize, .e-column-resize { background-color: transparent; background-repeat: repeat;\n bottom: 0;cursor: col-resize;height: 1px;overflow: visible;position: absolute;width: 1px; }\n .e-row-resize { cursor: row-resize; height: 1px;}\n .e-table-rhelper { cursor: col-resize; opacity: .87;position: absolute;}\n .e-table-rhelper.e-column-helper { width: 1px; }\n .e-table-rhelper.e-row-helper {height: 1px;}\n .e-reicon::before { border-bottom: 6px solid transparent; border-right: 6px solid;\n border-top: 6px solid transparent; content: ''; display: block; height: 0;\n position: absolute; right: 4px; top: 4px; width: 20px; }\n .e-reicon::after { border-bottom: 6px solid transparent; border-left: 6px solid;\n border-top: 6px solid transparent; content: ''; display: block;\n height: 0; left: 4px; position: absolute; top: 4px; width: 20px; z-index: 3; }\n .e-row-helper.e-reicon::after { top: 10px; transform: rotate(90deg); }\n .e-row-helper.e-reicon::before { left: 4px; top: -20px; transform: rotate(90deg); }\n span.e-table-box { background-color: #ffffff; border: 1px solid #BDBDBD; }\n span.e-table-box.e-rbox-select { background-color: #BDBDBD; border: 1px solid #BDBDBD; }\n .e-table-rhelper { background-color: #4a90e2;}\n .e-rtl { direction: rtl; }\n .e-rte-placeholder::before { content: attr(placeholder); opacity: 0.54; overflow: hidden; padding-top: 16px; position: absolute; text-align: start; top: 0; z-index: 1; }\n li ol, li ul { margin-block-start: 10px;}\n </style>\n </head>";
18
18
  /**
19
19
  * Content module is used to render Rich Text Editor content
20
20
  *
package/src/rich-text-editor/renderer/image-module.js CHANGED
@@ -5,7 +5,7 @@ import * as classes from '../base/classes';
5
5
  import { Uploader, TextBox } from '@syncfusion/ej2-inputs';
6
6
  import { Popup } from '@syncfusion/ej2-popups';
7
7
  import { Button, CheckBox } from '@syncfusion/ej2-buttons';
8
- import { RenderType, UploadRequest } from '../base/enum';
8
+ import { RenderType, ImageInputSource } from '../base/enum';
9
9
  import { dispatchEvent, parseHtml, hasClass, convertToBlob } from '../base/util';
10
10
  import { isIDevice } from '../../common/util';
11
11
  import { imageResizeFactor } from '../../common/config';
@@ -1797,7 +1797,7 @@ var Image = /** @class */ (function () {
1797
1797
  }
1798
1798
  },
1799
1799
  success: function (e) {
1800
- e.requestType = UploadRequest.Uploaded;
1800
+ e.detectImageSource = ImageInputSource.Uploaded;
1801
1801
  _this.parent.trigger(events.imageUploadSuccess, e, function (e) {
1802
1802
  if (!isNOU(_this.parent.insertImageSettings.path)) {
1803
1803
  var url = _this.parent.insertImageSettings.path + e.file.name;
@@ -2243,7 +2243,7 @@ var Image = /** @class */ (function () {
2243
2243
  imageElement.style.opacity = '1';
2244
2244
  imageElement.classList.add(classes.CLS_IMG_FOCUS);
2245
2245
  e.element = imageElement;
2246
- e.requestType = UploadRequest.Dropped;
2246
+ e.detectImageSource = ImageInputSource.Dropped;
2247
2247
  this.parent.trigger(events.imageUploadSuccess, e, function (e) {
2248
2248
  if (!isNOU(_this.parent.insertImageSettings.path)) {
2249
2249
  var url = _this.parent.insertImageSettings.path + e.file.name;
package/src/rich-text-editor/renderer/link-module.js CHANGED
@@ -527,7 +527,10 @@ var Link = /** @class */ (function () {
527
527
  this.selection.restore();
528
528
  }
529
529
  else {
530
+ var x = window.scrollX;
531
+ var y = window.scrollY;
530
532
  this.selfLink.parent.contentModule.getEditPanel().focus();
533
+ window.scrollTo(x, y);
531
534
  }
532
535
  };
533
536
  Link.prototype.onDocumentClick = function (e) {
package/src/rich-text-editor/renderer/table-module.js CHANGED
@@ -605,8 +605,11 @@ var Table = /** @class */ (function () {
605
605
  if (proxy.editdlgObj) {
606
606
  proxy.editdlgObj.hide();
607
607
  }
608
+ var x = window.scrollX;
609
+ var y = window.scrollY;
608
610
  proxy.parent.formatter.process(proxy.parent, selectionObj.args, selectionObj.args.originalEvent, value);
609
611
  proxy.contentModule.getEditPanel().focus();
612
+ window.scrollTo(x, y);
610
613
  proxy.parent.on(events.mouseDown, proxy.cellSelect, proxy);
611
614
  };
612
615
  Table.prototype.cellSelect = function (e) {
package/src/rich-text-editor/renderer/toolbar-renderer.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import { DropDownButton } from '@syncfusion/ej2-splitbuttons';
2
+ import { TooltipEventArgs } from '@syncfusion/ej2-popups';
2
3
  import { IRenderer, IRichTextEditor, IToolbarOptions, IDropDownModel, IColorPickerModel } from '../base/interface';
3
4
  import { ColorPicker } from '@syncfusion/ej2-inputs';
4
5
  import { ServiceLocator } from '../services/service-locator';
@@ -94,6 +95,7 @@ export declare class ToolbarRenderer implements IRenderer {
94
95
 
95
96
  */
96
97
  renderColorPicker(args: IColorPickerModel, item: string): ColorPicker;
98
+ tooltipBeforeOpen(args: TooltipEventArgs): void;
97
99
  /**
98
100
  * The function is used to render Rich Text Editor toolbar
99
101
  *
package/src/rich-text-editor/renderer/toolbar-renderer.js CHANGED
@@ -153,6 +153,7 @@ var ToolbarRenderer = /** @class */ (function () {
153
153
  openDelay: 400,
154
154
  opensOn: 'Hover',
155
155
  beforeRender: this.tooltipBeforeRender.bind(this),
156
+ beforeOpen: this.tooltipBeforeOpen.bind(this),
156
157
  cssClass: this.parent.getCssClass(),
157
158
  windowCollision: true,
158
159
  position: 'BottomCenter'
@@ -275,7 +276,7 @@ var ToolbarRenderer = /** @class */ (function () {
275
276
  if ((divNode.textContent.trim() !== ''
276
277
  && args.element.childNodes[index].textContent.trim() === divNode.textContent.trim()) ||
277
278
  ((args.items[0].command === 'Formats' && !isNOU(toolbarStatus.formats) && _this.parent.format.types[index].value.toLowerCase() === toolbarStatus.formats.toLowerCase() && args.element.childNodes[index].classList.contains(_this.parent.format.types[index].cssClass))
278
- || (args.items[0].command === 'Font' && !isNOU(toolbarStatus.fontname) && _this.parent.fontFamily.items[index].value.toLowerCase() === toolbarStatus.fontname.toLowerCase() && args.element.childNodes[index].classList.contains(_this.parent.fontFamily.items[index].cssClass)))) {
279
+ || (args.items[0].subCommand === 'FontName' && args.items[0].command === 'Font' && !isNOU(toolbarStatus.fontname) && !isNOU(_this.parent.fontFamily.items[index]) && _this.parent.fontFamily.items[index].value.toLowerCase() === toolbarStatus.fontname.toLowerCase() && args.element.childNodes[index].classList.contains(_this.parent.fontFamily.items[index].cssClass)))) {
279
280
  if (!args.element.childNodes[index].classList.contains('e-active')) {
280
281
  addClass([args.element.childNodes[index]], 'e-active');
281
282
  }
@@ -661,6 +662,11 @@ var ToolbarRenderer = /** @class */ (function () {
661
662
  colorPicker.appendTo(document.getElementById(args.target));
662
663
  return colorPicker;
663
664
  };
665
+ ToolbarRenderer.prototype.tooltipBeforeOpen = function (args) {
666
+ if (args.element) {
667
+ args.element.setAttribute('data-rte-id', this.parent.getID());
668
+ }
669
+ };
664
670
  /**
665
671
  * The function is used to render Rich Text Editor toolbar
666
672
  *
package/styles/bootstrap-dark.css CHANGED
@@ -896,6 +896,12 @@
896
896
  margin-left: 0;
897
897
  padding-left: 5px;
898
898
  }
899
+ .e-richtexteditor .e-rte-content .e-content table,
900
+ .e-richtexteditor .e-source-content .e-content table {
901
+ margin-bottom: 10px;
902
+ border-collapse: collapse;
903
+ empty-cells: show;
904
+ }
899
905
  .e-richtexteditor .e-rte-content .e-content pre,
900
906
  .e-richtexteditor .e-source-content .e-content pre {
901
907
  background-color: inherit;
@@ -1200,7 +1206,7 @@
1200
1206
  margin-right: 5px;
1201
1207
  display: inline-block;
1202
1208
  float: none;
1203
- max-width: calc(100% - 10px);
1209
+ max-width: 100%;
1204
1210
  padding: 1px;
1205
1211
  vertical-align: bottom;
1206
1212
  }
@@ -1285,11 +1291,6 @@
1285
1291
  display: contents;
1286
1292
  }
1287
1293
 
1288
- .e-rte-table {
1289
- border-collapse: collapse;
1290
- empty-cells: show;
1291
- }
1292
-
1293
1294
  .e-rte-table td,
1294
1295
  .e-rte-table th {
1295
1296
  border: 1px solid #959595;
package/styles/bootstrap.css CHANGED
@@ -1037,6 +1037,12 @@
1037
1037
  margin-left: 0;
1038
1038
  padding-left: 5px;
1039
1039
  }
1040
+ .e-richtexteditor .e-rte-content .e-content table,
1041
+ .e-richtexteditor .e-source-content .e-content table {
1042
+ margin-bottom: 10px;
1043
+ border-collapse: collapse;
1044
+ empty-cells: show;
1045
+ }
1040
1046
  .e-richtexteditor .e-rte-content .e-content pre,
1041
1047
  .e-richtexteditor .e-source-content .e-content pre {
1042
1048
  background-color: inherit;
@@ -1341,7 +1347,7 @@
1341
1347
  margin-right: 5px;
1342
1348
  display: inline-block;
1343
1349
  float: none;
1344
- max-width: calc(100% - 10px);
1350
+ max-width: 100%;
1345
1351
  padding: 1px;
1346
1352
  vertical-align: bottom;
1347
1353
  }
@@ -1426,11 +1432,6 @@
1426
1432
  display: contents;
1427
1433
  }
1428
1434
 
1429
- .e-rte-table {
1430
- border-collapse: collapse;
1431
- empty-cells: show;
1432
- }
1433
-
1434
1435
  .e-rte-table td,
1435
1436
  .e-rte-table th {
1436
1437
  border: 1px solid #bdbdbd;
package/styles/bootstrap4.css CHANGED
@@ -1132,6 +1132,12 @@
1132
1132
  margin-left: 0;
1133
1133
  padding-left: 5px;
1134
1134
  }
1135
+ .e-richtexteditor .e-rte-content .e-content table,
1136
+ .e-richtexteditor .e-source-content .e-content table {
1137
+ margin-bottom: 10px;
1138
+ border-collapse: collapse;
1139
+ empty-cells: show;
1140
+ }
1135
1141
  .e-richtexteditor .e-rte-content .e-content pre,
1136
1142
  .e-richtexteditor .e-source-content .e-content pre {
1137
1143
  background-color: inherit;
@@ -1436,7 +1442,7 @@
1436
1442
  margin-right: 5px;
1437
1443
  display: inline-block;
1438
1444
  float: none;
1439
- max-width: calc(100% - 10px);
1445
+ max-width: 100%;
1440
1446
  padding: 1px;
1441
1447
  vertical-align: bottom;
1442
1448
  }
@@ -1521,11 +1527,6 @@
1521
1527
  display: contents;
1522
1528
  }
1523
1529
 
1524
- .e-rte-table {
1525
- border-collapse: collapse;
1526
- empty-cells: show;
1527
- }
1528
-
1529
1530
  .e-rte-table td,
1530
1531
  .e-rte-table th {
1531
1532
  border: 1px solid #adb5bd;
package/styles/bootstrap5-dark.css CHANGED
@@ -903,6 +903,12 @@
903
903
  margin-left: 0;
904
904
  padding-left: 5px;
905
905
  }
906
+ .e-richtexteditor .e-rte-content .e-content table,
907
+ .e-richtexteditor .e-source-content .e-content table {
908
+ margin-bottom: 10px;
909
+ border-collapse: collapse;
910
+ empty-cells: show;
911
+ }
906
912
  .e-richtexteditor .e-rte-content .e-content pre,
907
913
  .e-richtexteditor .e-source-content .e-content pre {
908
914
  background-color: inherit;
@@ -1207,7 +1213,7 @@
1207
1213
  margin-right: 5px;
1208
1214
  display: inline-block;
1209
1215
  float: none;
1210
- max-width: calc(100% - 10px);
1216
+ max-width: 100%;
1211
1217
  padding: 1px;
1212
1218
  vertical-align: bottom;
1213
1219
  }
@@ -1292,11 +1298,6 @@
1292
1298
  display: contents;
1293
1299
  }
1294
1300
 
1295
- .e-rte-table {
1296
- border-collapse: collapse;
1297
- empty-cells: show;
1298
- }
1299
-
1300
1301
  .e-rte-table td,
1301
1302
  .e-rte-table th {
1302
1303
  border: 1px solid #444c54;
package/styles/bootstrap5.css CHANGED
@@ -903,6 +903,12 @@
903
903
  margin-left: 0;
904
904
  padding-left: 5px;
905
905
  }
906
+ .e-richtexteditor .e-rte-content .e-content table,
907
+ .e-richtexteditor .e-source-content .e-content table {
908
+ margin-bottom: 10px;
909
+ border-collapse: collapse;
910
+ empty-cells: show;
911
+ }
906
912
  .e-richtexteditor .e-rte-content .e-content pre,
907
913
  .e-richtexteditor .e-source-content .e-content pre {
908
914
  background-color: inherit;
@@ -1207,7 +1213,7 @@
1207
1213
  margin-right: 5px;
1208
1214
  display: inline-block;
1209
1215
  float: none;
1210
- max-width: calc(100% - 10px);
1216
+ max-width: 100%;
1211
1217
  padding: 1px;
1212
1218
  vertical-align: bottom;
1213
1219
  }
@@ -1292,11 +1298,6 @@
1292
1298
  display: contents;
1293
1299
  }
1294
1300
 
1295
- .e-rte-table {
1296
- border-collapse: collapse;
1297
- empty-cells: show;
1298
- }
1299
-
1300
1301
  .e-rte-table td,
1301
1302
  .e-rte-table th {
1302
1303
  border: 1px solid #dee2e6;
package/styles/fabric-dark.css CHANGED
@@ -885,6 +885,12 @@
885
885
  margin-left: 0;
886
886
  padding-left: 5px;
887
887
  }
888
+ .e-richtexteditor .e-rte-content .e-content table,
889
+ .e-richtexteditor .e-source-content .e-content table {
890
+ margin-bottom: 10px;
891
+ border-collapse: collapse;
892
+ empty-cells: show;
893
+ }
888
894
  .e-richtexteditor .e-rte-content .e-content pre,
889
895
  .e-richtexteditor .e-source-content .e-content pre {
890
896
  background-color: inherit;
@@ -1189,7 +1195,7 @@
1189
1195
  margin-right: 5px;
1190
1196
  display: inline-block;
1191
1197
  float: none;
1192
- max-width: calc(100% - 10px);
1198
+ max-width: 100%;
1193
1199
  padding: 1px;
1194
1200
  vertical-align: bottom;
1195
1201
  }
@@ -1274,11 +1280,6 @@
1274
1280
  display: contents;
1275
1281
  }
1276
1282
 
1277
- .e-rte-table {
1278
- border-collapse: collapse;
1279
- empty-cells: show;
1280
- }
1281
-
1282
1283
  .e-rte-table td,
1283
1284
  .e-rte-table th {
1284
1285
  border: 1px solid #9a9a9a;
package/styles/fabric.css CHANGED
@@ -885,6 +885,12 @@
885
885
  margin-left: 0;
886
886
  padding-left: 5px;
887
887
  }
888
+ .e-richtexteditor .e-rte-content .e-content table,
889
+ .e-richtexteditor .e-source-content .e-content table {
890
+ margin-bottom: 10px;
891
+ border-collapse: collapse;
892
+ empty-cells: show;
893
+ }
888
894
  .e-richtexteditor .e-rte-content .e-content pre,
889
895
  .e-richtexteditor .e-source-content .e-content pre {
890
896
  background-color: inherit;
@@ -1189,7 +1195,7 @@
1189
1195
  margin-right: 5px;
1190
1196
  display: inline-block;
1191
1197
  float: none;
1192
- max-width: calc(100% - 10px);
1198
+ max-width: 100%;
1193
1199
  padding: 1px;
1194
1200
  vertical-align: bottom;
1195
1201
  }
@@ -1274,11 +1280,6 @@
1274
1280
  display: contents;
1275
1281
  }
1276
1282
 
1277
- .e-rte-table {
1278
- border-collapse: collapse;
1279
- empty-cells: show;
1280
- }
1281
-
1282
1283
  .e-rte-table td,
1283
1284
  .e-rte-table th {
1284
1285
  border: 1px solid #bdbdbd;
package/styles/fluent-dark.css CHANGED
@@ -890,6 +890,12 @@
890
890
  margin-left: 0;
891
891
  padding-left: 5px;
892
892
  }
893
+ .e-richtexteditor .e-rte-content .e-content table,
894
+ .e-richtexteditor .e-source-content .e-content table {
895
+ margin-bottom: 10px;
896
+ border-collapse: collapse;
897
+ empty-cells: show;
898
+ }
893
899
  .e-richtexteditor .e-rte-content .e-content pre,
894
900
  .e-richtexteditor .e-source-content .e-content pre {
895
901
  background-color: inherit;
@@ -1194,7 +1200,7 @@
1194
1200
  margin-right: 5px;
1195
1201
  display: inline-block;
1196
1202
  float: none;
1197
- max-width: calc(100% - 10px);
1203
+ max-width: 100%;
1198
1204
  padding: 1px;
1199
1205
  vertical-align: bottom;
1200
1206
  }
@@ -1279,11 +1285,6 @@
1279
1285
  display: contents;
1280
1286
  }
1281
1287
 
1282
- .e-rte-table {
1283
- border-collapse: collapse;
1284
- empty-cells: show;
1285
- }
1286
-
1287
1288
  .e-rte-table td,
1288
1289
  .e-rte-table th {
1289
1290
  border: 1px solid #292827;
package/styles/fluent.css CHANGED
@@ -890,6 +890,12 @@
890
890
  margin-left: 0;
891
891
  padding-left: 5px;
892
892
  }
893
+ .e-richtexteditor .e-rte-content .e-content table,
894
+ .e-richtexteditor .e-source-content .e-content table {
895
+ margin-bottom: 10px;
896
+ border-collapse: collapse;
897
+ empty-cells: show;
898
+ }
893
899
  .e-richtexteditor .e-rte-content .e-content pre,
894
900
  .e-richtexteditor .e-source-content .e-content pre {
895
901
  background-color: inherit;
@@ -1194,7 +1200,7 @@
1194
1200
  margin-right: 5px;
1195
1201
  display: inline-block;
1196
1202
  float: none;
1197
- max-width: calc(100% - 10px);
1203
+ max-width: 100%;
1198
1204
  padding: 1px;
1199
1205
  vertical-align: bottom;
1200
1206
  }
@@ -1279,11 +1285,6 @@
1279
1285
  display: contents;
1280
1286
  }
1281
1287
 
1282
- .e-rte-table {
1283
- border-collapse: collapse;
1284
- empty-cells: show;
1285
- }
1286
-
1287
1288
  .e-rte-table td,
1288
1289
  .e-rte-table th {
1289
1290
  border: 1px solid #edebe9;
package/styles/highcontrast-light.css CHANGED
@@ -885,6 +885,12 @@
885
885
  margin-left: 0;
886
886
  padding-left: 5px;
887
887
  }
888
+ .e-richtexteditor .e-rte-content .e-content table,
889
+ .e-richtexteditor .e-source-content .e-content table {
890
+ margin-bottom: 10px;
891
+ border-collapse: collapse;
892
+ empty-cells: show;
893
+ }
888
894
  .e-richtexteditor .e-rte-content .e-content pre,
889
895
  .e-richtexteditor .e-source-content .e-content pre {
890
896
  background-color: inherit;
@@ -1189,7 +1195,7 @@
1189
1195
  margin-right: 5px;
1190
1196
  display: inline-block;
1191
1197
  float: none;
1192
- max-width: calc(100% - 10px);
1198
+ max-width: 100%;
1193
1199
  padding: 1px;
1194
1200
  vertical-align: bottom;
1195
1201
  }
@@ -1274,11 +1280,6 @@
1274
1280
  display: contents;
1275
1281
  }
1276
1282
 
1277
- .e-rte-table {
1278
- border-collapse: collapse;
1279
- empty-cells: show;
1280
- }
1281
-
1282
1283
  .e-rte-table td,
1283
1284
  .e-rte-table th {
1284
1285
  border: 1px solid #bdbdbd;
package/styles/highcontrast.css CHANGED
@@ -885,6 +885,12 @@
885
885
  margin-left: 0;
886
886
  padding-left: 5px;
887
887
  }
888
+ .e-richtexteditor .e-rte-content .e-content table,
889
+ .e-richtexteditor .e-source-content .e-content table {
890
+ margin-bottom: 10px;
891
+ border-collapse: collapse;
892
+ empty-cells: show;
893
+ }
888
894
  .e-richtexteditor .e-rte-content .e-content pre,
889
895
  .e-richtexteditor .e-source-content .e-content pre {
890
896
  background-color: inherit;
@@ -1189,7 +1195,7 @@
1189
1195
  margin-right: 5px;
1190
1196
  display: inline-block;
1191
1197
  float: none;
1192
- max-width: calc(100% - 10px);
1198
+ max-width: 100%;
1193
1199
  padding: 1px;
1194
1200
  vertical-align: bottom;
1195
1201
  }
@@ -1274,11 +1280,6 @@
1274
1280
  display: contents;
1275
1281
  }
1276
1282
 
1277
- .e-rte-table {
1278
- border-collapse: collapse;
1279
- empty-cells: show;
1280
- }
1281
-
1282
1283
  .e-rte-table td,
1283
1284
  .e-rte-table th {
1284
1285
  border: 1px solid #bdbdbd;
package/styles/material-dark.css CHANGED
@@ -885,6 +885,12 @@
885
885
  margin-left: 0;
886
886
  padding-left: 5px;
887
887
  }
888
+ .e-richtexteditor .e-rte-content .e-content table,
889
+ .e-richtexteditor .e-source-content .e-content table {
890
+ margin-bottom: 10px;
891
+ border-collapse: collapse;
892
+ empty-cells: show;
893
+ }
888
894
  .e-richtexteditor .e-rte-content .e-content pre,
889
895
  .e-richtexteditor .e-source-content .e-content pre {
890
896
  background-color: inherit;
@@ -1189,7 +1195,7 @@
1189
1195
  margin-right: 5px;
1190
1196
  display: inline-block;
1191
1197
  float: none;
1192
- max-width: calc(100% - 10px);
1198
+ max-width: 100%;
1193
1199
  padding: 1px;
1194
1200
  vertical-align: bottom;
1195
1201
  }
@@ -1274,11 +1280,6 @@
1274
1280
  display: contents;
1275
1281
  }
1276
1282
 
1277
- .e-rte-table {
1278
- border-collapse: collapse;
1279
- empty-cells: show;
1280
- }
1281
-
1282
1283
  .e-rte-table td,
1283
1284
  .e-rte-table th {
1284
1285
  border: 1px solid rgba(255, 255, 255, 0.5);
package/styles/material.css CHANGED
@@ -885,6 +885,12 @@
885
885
  margin-left: 0;
886
886
  padding-left: 5px;
887
887
  }
888
+ .e-richtexteditor .e-rte-content .e-content table,
889
+ .e-richtexteditor .e-source-content .e-content table {
890
+ margin-bottom: 10px;
891
+ border-collapse: collapse;
892
+ empty-cells: show;
893
+ }
888
894
  .e-richtexteditor .e-rte-content .e-content pre,
889
895
  .e-richtexteditor .e-source-content .e-content pre {
890
896
  background-color: inherit;
@@ -1189,7 +1195,7 @@
1189
1195
  margin-right: 5px;
1190
1196
  display: inline-block;
1191
1197
  float: none;
1192
- max-width: calc(100% - 10px);
1198
+ max-width: 100%;
1193
1199
  padding: 1px;
1194
1200
  vertical-align: bottom;
1195
1201
  }
@@ -1274,11 +1280,6 @@
1274
1280
  display: contents;
1275
1281
  }
1276
1282
 
1277
- .e-rte-table {
1278
- border-collapse: collapse;
1279
- empty-cells: show;
1280
- }
1281
-
1282
1283
  .e-rte-table td,
1283
1284
  .e-rte-table th {
1284
1285
  border: 1px solid #bdbdbd;
package/styles/material3-dark.css CHANGED
@@ -940,6 +940,12 @@
940
940
  margin-left: 0;
941
941
  padding-left: 5px;
942
942
  }
943
+ .e-richtexteditor .e-rte-content .e-content table,
944
+ .e-richtexteditor .e-source-content .e-content table {
945
+ margin-bottom: 10px;
946
+ border-collapse: collapse;
947
+ empty-cells: show;
948
+ }
943
949
  .e-richtexteditor .e-rte-content .e-content pre,
944
950
  .e-richtexteditor .e-source-content .e-content pre {
945
951
  background-color: inherit;
@@ -1244,7 +1250,7 @@
1244
1250
  margin-right: 5px;
1245
1251
  display: inline-block;
1246
1252
  float: none;
1247
- max-width: calc(100% - 10px);
1253
+ max-width: 100%;
1248
1254
  padding: 1px;
1249
1255
  vertical-align: bottom;
1250
1256
  }
@@ -1329,11 +1335,6 @@
1329
1335
  display: contents;
1330
1336
  }
1331
1337
 
1332
- .e-rte-table {
1333
- border-collapse: collapse;
1334
- empty-cells: show;
1335
- }
1336
-
1337
1338
  .e-rte-table td,
1338
1339
  .e-rte-table th {
1339
1340
  border: 1px solid rgba(var(--color-sf-outline-variant));