@syncfusion/ej2-richtexteditor 20.2.36 → 20.2.38
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.
- package/CHANGELOG.md +12 -0
- package/dist/ej2-richtexteditor.umd.min.js +2 -2
- package/dist/ej2-richtexteditor.umd.min.js.map +1 -1
- package/dist/es6/ej2-richtexteditor.es2015.js +19 -9
- package/dist/es6/ej2-richtexteditor.es2015.js.map +1 -1
- package/dist/es6/ej2-richtexteditor.es5.js +19 -9
- package/dist/es6/ej2-richtexteditor.es5.js.map +1 -1
- package/dist/global/ej2-richtexteditor.min.js +2 -2
- package/dist/global/ej2-richtexteditor.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +12 -12
- package/src/editor-manager/plugin/lists.js +2 -0
- package/src/rich-text-editor/actions/full-screen.js +4 -2
- package/src/rich-text-editor/base/rich-text-editor.js +6 -2
- package/src/rich-text-editor/renderer/image-module.js +6 -3
- package/src/rich-text-editor/renderer/table-module.js +1 -1
- package/styles/bootstrap-dark.css +49 -0
- package/styles/bootstrap.css +49 -0
- package/styles/bootstrap4.css +49 -0
- package/styles/bootstrap5-dark.css +49 -0
- package/styles/bootstrap5.css +49 -0
- package/styles/fabric-dark.css +49 -0
- package/styles/fabric.css +49 -0
- package/styles/fluent-dark.css +49 -0
- package/styles/fluent.css +49 -0
- package/styles/highcontrast-light.css +49 -0
- package/styles/highcontrast.css +49 -0
- package/styles/material-dark.css +49 -0
- package/styles/material.css +49 -0
- package/styles/rich-text-editor/_bootstrap-dark-definition.scss +17 -16
- package/styles/rich-text-editor/_bootstrap-definition.scss +17 -16
- package/styles/rich-text-editor/_bootstrap4-definition.scss +17 -16
- package/styles/rich-text-editor/_bootstrap5-definition.scss +17 -16
- package/styles/rich-text-editor/_fabric-dark-definition.scss +17 -16
- package/styles/rich-text-editor/_fabric-definition.scss +17 -16
- package/styles/rich-text-editor/_fluent-definition.scss +17 -16
- package/styles/rich-text-editor/_fusionnew-definition.scss +17 -16
- package/styles/rich-text-editor/_highcontrast-definition.scss +17 -16
- package/styles/rich-text-editor/_highcontrast-light-definition.scss +17 -16
- package/styles/rich-text-editor/_layout.scss +56 -0
- package/styles/rich-text-editor/_material-dark-definition.scss +17 -16
- package/styles/rich-text-editor/_material-definition.scss +17 -16
- package/styles/rich-text-editor/_material3-definition.scss +17 -16
- package/styles/rich-text-editor/_tailwind-definition.scss +17 -16
- package/styles/rich-text-editor/bootstrap-dark.css +49 -0
- package/styles/rich-text-editor/bootstrap.css +49 -0
- package/styles/rich-text-editor/bootstrap4.css +49 -0
- package/styles/rich-text-editor/bootstrap5-dark.css +49 -0
- package/styles/rich-text-editor/bootstrap5.css +49 -0
- package/styles/rich-text-editor/fabric-dark.css +49 -0
- package/styles/rich-text-editor/fabric.css +49 -0
- package/styles/rich-text-editor/fluent-dark.css +49 -0
- package/styles/rich-text-editor/fluent.css +49 -0
- package/styles/rich-text-editor/highcontrast-light.css +49 -0
- package/styles/rich-text-editor/highcontrast.css +49 -0
- package/styles/rich-text-editor/material-dark.css +49 -0
- package/styles/rich-text-editor/material.css +49 -0
- package/styles/rich-text-editor/tailwind-dark.css +49 -0
- package/styles/rich-text-editor/tailwind.css +49 -0
- package/styles/tailwind-dark.css +49 -0
- package/styles/tailwind.css +49 -0
|
@@ -10897,6 +10897,8 @@ class Lists {
|
|
|
10897
10897
|
let endNode = this.parent.domNode.getSelectedNode(range.endContainer, range.endOffset);
|
|
10898
10898
|
startNode = startNode.nodeName === 'BR' ? startNode.parentElement : startNode;
|
|
10899
10899
|
endNode = endNode.nodeName === 'BR' ? endNode.parentElement : endNode;
|
|
10900
|
+
startNode = startNode.nodeName !== 'LI' && !isNullOrUndefined(startNode.closest('LI')) ? startNode.closest('LI') : startNode;
|
|
10901
|
+
endNode = endNode.nodeName !== 'LI' && !isNullOrUndefined(endNode.closest('LI')) ? endNode.closest('LI') : endNode;
|
|
10900
10902
|
if (((range.commonAncestorContainer.nodeName === 'OL' || range.commonAncestorContainer.nodeName === 'UL' || range.commonAncestorContainer.nodeName === 'LI') &&
|
|
10901
10903
|
isNullOrUndefined(endNode.nextElementSibling) && endNode.textContent.length === range.endOffset &&
|
|
10902
10904
|
isNullOrUndefined(startNode.previousElementSibling) && range.startOffset === 0) ||
|
|
@@ -19584,7 +19586,8 @@ class FullScreen {
|
|
|
19584
19586
|
}
|
|
19585
19587
|
this.parent.element.classList.add(CLS_FULL_SCREEN);
|
|
19586
19588
|
this.toggleParentOverflow(true);
|
|
19587
|
-
this.parent.
|
|
19589
|
+
let isExpand = this.parent.element.querySelectorAll('.e-toolbar-extended.e-popup-open').length > 0 ? true : false;
|
|
19590
|
+
this.parent.setContentHeight(null, isExpand);
|
|
19588
19591
|
if (this.parent.toolbarModule) {
|
|
19589
19592
|
if (!this.parent.getBaseToolbarObject().toolbarObj.items[0].properties) {
|
|
19590
19593
|
this.parent.getBaseToolbarObject().toolbarObj.removeItems(0);
|
|
@@ -19630,7 +19633,8 @@ class FullScreen {
|
|
|
19630
19633
|
for (let i = 0; i < elem.length; i++) {
|
|
19631
19634
|
removeClass([elem[i]], ['e-rte-overflow']);
|
|
19632
19635
|
}
|
|
19633
|
-
this.parent.
|
|
19636
|
+
let isExpand = this.parent.element.querySelectorAll('.e-toolbar-extended.e-popup-open').length > 0 ? true : false;
|
|
19637
|
+
this.parent.setContentHeight(null, isExpand);
|
|
19634
19638
|
if (this.parent.toolbarModule) {
|
|
19635
19639
|
if (!this.parent.getBaseToolbarObject().toolbarObj.items[0].properties) {
|
|
19636
19640
|
this.parent.getBaseToolbarObject().toolbarObj.removeItems(0);
|
|
@@ -21346,7 +21350,8 @@ class Image {
|
|
|
21346
21350
|
buttonModel: {
|
|
21347
21351
|
content: linkUpdate, cssClass: 'e-flat e-update-link' + ' ' + this.parent.cssClass, isPrimary: true
|
|
21348
21352
|
}
|
|
21349
|
-
}]
|
|
21353
|
+
}],
|
|
21354
|
+
cssClass: this.dialogObj.cssClass + ' e-rte-img-link-dialog'
|
|
21350
21355
|
});
|
|
21351
21356
|
if (!isNullOrUndefined(this.parent.cssClass)) {
|
|
21352
21357
|
this.dialogObj.setProperties({ cssClass: this.parent.cssClass });
|
|
@@ -21393,7 +21398,8 @@ class Image {
|
|
|
21393
21398
|
buttonModel: {
|
|
21394
21399
|
content: linkUpdate, cssClass: 'e-flat e-update-alt' + ' ' + this.parent.cssClass, isPrimary: true
|
|
21395
21400
|
}
|
|
21396
|
-
}]
|
|
21401
|
+
}],
|
|
21402
|
+
cssClass: this.dialogObj.cssClass + ' e-rte-img-alt-dialog'
|
|
21397
21403
|
});
|
|
21398
21404
|
if (!isNullOrUndefined(this.parent.cssClass)) {
|
|
21399
21405
|
this.dialogObj.setProperties({ cssClass: this.parent.cssClass });
|
|
@@ -21615,7 +21621,8 @@ class Image {
|
|
|
21615
21621
|
buttonModel: {
|
|
21616
21622
|
content: linkUpdate, cssClass: 'e-flat e-update-size' + ' ' + this.parent.cssClass, isPrimary: true
|
|
21617
21623
|
}
|
|
21618
|
-
}]
|
|
21624
|
+
}],
|
|
21625
|
+
cssClass: this.dialogObj.cssClass + ' e-rte-img-size-dialog'
|
|
21619
21626
|
});
|
|
21620
21627
|
if (!isNullOrUndefined(this.parent.cssClass)) {
|
|
21621
21628
|
this.dialogObj.setProperties({ cssClass: this.parent.cssClass });
|
|
@@ -24023,7 +24030,7 @@ class Table {
|
|
|
24023
24030
|
},
|
|
24024
24031
|
buttonModel: { cssClass: 'e-flat e-cancel' + ' ' + this.parent.cssClass, content: cancel }
|
|
24025
24032
|
}],
|
|
24026
|
-
cssClass: this.
|
|
24033
|
+
cssClass: this.editdlgObj.cssClass + ' e-rte-edit-table-prop-dialog'
|
|
24027
24034
|
});
|
|
24028
24035
|
this.editdlgObj.element.style.maxHeight = 'none';
|
|
24029
24036
|
this.editdlgObj.content.querySelector('input').focus();
|
|
@@ -25627,14 +25634,17 @@ let RichTextEditor = class RichTextEditor extends Component {
|
|
|
25627
25634
|
const currentEndContainer = range.endContainer;
|
|
25628
25635
|
const currentStartOffset = range.startOffset;
|
|
25629
25636
|
const isSameContainer = currentStartContainer === currentEndContainer ? true : false;
|
|
25630
|
-
let currentEndOffset;
|
|
25631
25637
|
const endNode = range.endContainer.nodeName === '#text' ? range.endContainer.parentElement :
|
|
25632
25638
|
range.endContainer;
|
|
25633
25639
|
const closestLI = closest(endNode, 'LI');
|
|
25634
25640
|
if (!isNullOrUndefined(closestLI) && endNode.textContent.length === range.endOffset &&
|
|
25635
25641
|
!range.collapsed && isNullOrUndefined(endNode.nextElementSibling)) {
|
|
25636
|
-
|
|
25637
|
-
|
|
25642
|
+
for (let i = 0; i < closestLI.childNodes.length; i++) {
|
|
25643
|
+
if (closestLI.childNodes[i].nodeName === "#text" && closestLI.childNodes[i].textContent.trim().length === 0) {
|
|
25644
|
+
detach(closestLI.childNodes[i]);
|
|
25645
|
+
i--;
|
|
25646
|
+
}
|
|
25647
|
+
}
|
|
25638
25648
|
let currentLastElem = closestLI;
|
|
25639
25649
|
while (currentLastElem.nodeName !== '#text') {
|
|
25640
25650
|
currentLastElem = currentLastElem.lastChild;
|