@syncfusion/ej2-richtexteditor 25.1.37 → 25.1.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 +14 -0
- package/dist/ej2-richtexteditor.min.js +2 -2
- 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 +43 -35
- package/dist/es6/ej2-richtexteditor.es2015.js.map +1 -1
- package/dist/es6/ej2-richtexteditor.es5.js +42 -34
- 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 +10 -10
- package/src/editor-manager/plugin/inserthtml.js +16 -19
- package/src/editor-manager/plugin/lists.js +19 -11
- package/src/rich-text-editor/actions/html-editor.js +0 -3
- package/src/rich-text-editor/actions/quick-toolbar.js +4 -0
- package/src/rich-text-editor/renderer/toolbar-renderer.js +3 -1
- package/styles/bootstrap-dark.css +10 -7
- package/styles/bootstrap.css +3 -3
- package/styles/fluent-dark.css +17 -5
- package/styles/fluent.css +17 -5
- package/styles/material-dark.css +1 -1
- package/styles/material.css +1 -1
- package/styles/rich-text-editor/_bootstrap-dark-definition.scss +4 -4
- package/styles/rich-text-editor/_bootstrap-definition.scss +2 -2
- package/styles/rich-text-editor/_fluent-definition.scss +5 -5
- package/styles/rich-text-editor/_layout.scss +3 -3
- package/styles/rich-text-editor/_tailwind-definition.scss +5 -5
- package/styles/rich-text-editor/_theme.scss +21 -0
- package/styles/rich-text-editor/bootstrap-dark.css +10 -7
- package/styles/rich-text-editor/bootstrap.css +3 -3
- package/styles/rich-text-editor/fluent-dark.css +17 -5
- package/styles/rich-text-editor/fluent.css +17 -5
- package/styles/rich-text-editor/material-dark.css +1 -1
- package/styles/rich-text-editor/material.css +1 -1
- package/styles/rich-text-editor/tailwind-dark.css +9 -9
- package/styles/rich-text-editor/tailwind.css +9 -9
- package/styles/tailwind-dark.css +9 -9
- package/styles/tailwind.css +9 -9
|
@@ -3944,9 +3944,11 @@ var ToolbarRenderer = /** @__PURE__ @class */ (function () {
|
|
|
3944
3944
|
for (var index = 0; index < args.element.childNodes.length; index++) {
|
|
3945
3945
|
if (currentListStyle === args.element.childNodes[index].innerHTML.split(' ').join('').toLocaleLowerCase()) {
|
|
3946
3946
|
addClass([args.element.childNodes[index]], 'e-active');
|
|
3947
|
+
break;
|
|
3947
3948
|
}
|
|
3948
|
-
else if (currentListStyle === '') {
|
|
3949
|
+
else if (currentListStyle === '' && args.element.childNodes[index].innerHTML !== 'None') {
|
|
3949
3950
|
addClass([args.element.childNodes[index]], 'e-active');
|
|
3951
|
+
break;
|
|
3950
3952
|
}
|
|
3951
3953
|
}
|
|
3952
3954
|
}
|
|
@@ -7114,6 +7116,10 @@ var QuickToolbar = /** @__PURE__ @class */ (function () {
|
|
|
7114
7116
|
};
|
|
7115
7117
|
QuickToolbar.prototype.keyDownHandler = function (e) {
|
|
7116
7118
|
var preventHide = e.args.altKey;
|
|
7119
|
+
if (this.parent.inlineMode.enable && e.args.metaKey && e.args.keyCode === 65) {
|
|
7120
|
+
this.showInlineQTBar(this.offsetX, this.offsetY, e.args.target);
|
|
7121
|
+
return;
|
|
7122
|
+
}
|
|
7117
7123
|
if (!preventHide) {
|
|
7118
7124
|
if ((this.parent.inlineMode.enable && (!Browser.isDevice || isIDevice()))
|
|
7119
7125
|
&& !isNullOrUndefined(select('.' + CLS_INLINE_POP, document))) {
|
|
@@ -12500,6 +12506,7 @@ var Lists = /** @__PURE__ @class */ (function () {
|
|
|
12500
12506
|
endNode = endNode.nodeName === 'BR' ? endNode.parentElement : endNode;
|
|
12501
12507
|
startNode = startNode.nodeName !== 'LI' && !isNullOrUndefined(startNode.closest('LI')) ? startNode.closest('LI') : startNode;
|
|
12502
12508
|
endNode = endNode.nodeName !== 'LI' && endNode.nodeName !== '#text' && !isNullOrUndefined(endNode.closest('LI')) ? endNode.closest('LI') : endNode;
|
|
12509
|
+
var parentList = (range.startContainer.nodeName === '#text') ? range.startContainer.parentElement.closest('li') : range.startContainer.closest('li');
|
|
12503
12510
|
if (((range.commonAncestorContainer.nodeName === 'OL' || range.commonAncestorContainer.nodeName === 'UL' || range.commonAncestorContainer.nodeName === 'LI') &&
|
|
12504
12511
|
isNullOrUndefined(endNode.nextElementSibling) && endNode.textContent.length === range.endOffset &&
|
|
12505
12512
|
isNullOrUndefined(startNode.previousElementSibling) && range.startOffset === 0) ||
|
|
@@ -12516,6 +12523,12 @@ var Lists = /** @__PURE__ @class */ (function () {
|
|
|
12516
12523
|
}
|
|
12517
12524
|
e.event.preventDefault();
|
|
12518
12525
|
}
|
|
12526
|
+
else if (!isNullOrUndefined(parentList) && parentList.textContent === range.startContainer.textContent && parentList.closest('li').previousElementSibling === null) {
|
|
12527
|
+
range.deleteContents();
|
|
12528
|
+
this.parent.editableElement.querySelectorAll('li:empty').forEach(function (e) { return e.remove(); });
|
|
12529
|
+
this.parent.editableElement.querySelectorAll('ol:empty').forEach(function (e) { return e.remove(); });
|
|
12530
|
+
e.event.preventDefault();
|
|
12531
|
+
}
|
|
12519
12532
|
};
|
|
12520
12533
|
Lists.prototype.onKeyUp = function () {
|
|
12521
12534
|
if (!isNullOrUndefined(this.commonLIParent) && !isNullOrUndefined(this.commonLIParent.querySelector('.removeList'))) {
|
|
@@ -12555,7 +12568,7 @@ var Lists = /** @__PURE__ @class */ (function () {
|
|
|
12555
12568
|
if (e.event.which === 8) {
|
|
12556
12569
|
this.backspaceList(e);
|
|
12557
12570
|
}
|
|
12558
|
-
if (e.event.which === 46 && e.event.action === 'delete') {
|
|
12571
|
+
if ((e.event.which === 46 && e.event.action === 'delete') || (e.event.which === 88 && e.event.action === 'cut')) {
|
|
12559
12572
|
var range = this.parent.nodeSelection.getRange(this.parent.currentDocument);
|
|
12560
12573
|
var commonAncestor = range.commonAncestorContainer;
|
|
12561
12574
|
var startEle = range.startContainer;
|
|
@@ -13145,17 +13158,18 @@ var Lists = /** @__PURE__ @class */ (function () {
|
|
|
13145
13158
|
var wrapperclass = isNullOrUndefined(className) ? ' class="e-rte-wrap-inner"' :
|
|
13146
13159
|
' class="' + className + ' e-rte-wrap-inner"';
|
|
13147
13160
|
var parentElement = parentNode;
|
|
13148
|
-
if (
|
|
13149
|
-
|
|
13150
|
-
|
|
13151
|
-
|
|
13152
|
-
|
|
13153
|
-
|
|
13154
|
-
|
|
13155
|
-
|
|
13161
|
+
if (elements.length === parentElement.querySelectorAll('li').length) {
|
|
13162
|
+
if (!isNullOrUndefined(parentElement.style.listStyleType)) {
|
|
13163
|
+
parentNode.style.removeProperty('list-style-type');
|
|
13164
|
+
}
|
|
13165
|
+
if (!isNullOrUndefined(parentElement.style.listStyleImage)) {
|
|
13166
|
+
parentNode.style.removeProperty('list-style-image');
|
|
13167
|
+
}
|
|
13168
|
+
if (parentElement.style.length === 0) {
|
|
13169
|
+
parentNode.removeAttribute('style');
|
|
13170
|
+
}
|
|
13156
13171
|
}
|
|
13157
|
-
var wrapper = '<' + DEFAULT_TAG + wrapperclass +
|
|
13158
|
-
this.domNode.attributes(parentElement) + '></' + DEFAULT_TAG + '>';
|
|
13172
|
+
var wrapper = '<' + DEFAULT_TAG + wrapperclass + '></' + DEFAULT_TAG + '>';
|
|
13159
13173
|
if (e.enterAction !== 'BR') {
|
|
13160
13174
|
this.domNode.wrapInner(element, this.domNode.parseHTMLFragment(wrapper));
|
|
13161
13175
|
}
|
|
@@ -14116,25 +14130,22 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
|
|
|
14116
14130
|
TABLE_BLOCK_TAGS.indexOf(closestParentNode.tagName.toLocaleLowerCase()) !== -1))
|
|
14117
14131
|
|| (node.nodeName.toLowerCase() === 'table' && closestParentNode &&
|
|
14118
14132
|
TABLE_BLOCK_TAGS.indexOf(closestParentNode.tagName.toLocaleLowerCase()) === -1))) {
|
|
14119
|
-
|
|
14120
|
-
|
|
14121
|
-
|
|
14122
|
-
|
|
14123
|
-
|
|
14124
|
-
|
|
14125
|
-
|
|
14126
|
-
|
|
14127
|
-
|
|
14128
|
-
|
|
14129
|
-
|
|
14130
|
-
|
|
14131
|
-
|
|
14132
|
-
|
|
14133
|
-
|
|
14134
|
-
|
|
14135
|
-
lasNode.textContent.length : lasNode.childNodes.length);
|
|
14136
|
-
range = nodeSelection.getRange(docElement);
|
|
14137
|
-
isSingleNode = false;
|
|
14133
|
+
preNode = nodeCutter.GetSpliceNode(range, closestParentNode);
|
|
14134
|
+
if (!isNullOrUndefined(preNode)) {
|
|
14135
|
+
sibNode = isNullOrUndefined(preNode.previousSibling) ? preNode.parentNode.previousSibling : preNode.previousSibling;
|
|
14136
|
+
if (nodes.length === 1) {
|
|
14137
|
+
nodeSelection.setSelectionContents(docElement, preNode);
|
|
14138
|
+
range = nodeSelection.getRange(docElement);
|
|
14139
|
+
isSingleNode = true;
|
|
14140
|
+
}
|
|
14141
|
+
else {
|
|
14142
|
+
lasNode = nodeCutter.GetSpliceNode(range, nodes[nodes.length - 1].parentElement);
|
|
14143
|
+
lasNode = isNullOrUndefined(lasNode) ? preNode : lasNode;
|
|
14144
|
+
nodeSelection.setSelectionText(docElement, preNode, lasNode, 0, (lasNode.nodeType === 3) ?
|
|
14145
|
+
lasNode.textContent.length : lasNode.childNodes.length);
|
|
14146
|
+
range = nodeSelection.getRange(docElement);
|
|
14147
|
+
isSingleNode = false;
|
|
14148
|
+
}
|
|
14138
14149
|
}
|
|
14139
14150
|
}
|
|
14140
14151
|
var containsBlockNode = false;
|
|
@@ -21529,9 +21540,6 @@ var HtmlEditor = /** @__PURE__ @class */ (function () {
|
|
|
21529
21540
|
};
|
|
21530
21541
|
HtmlEditor.prototype.onSelectionRestore = function (e) {
|
|
21531
21542
|
this.parent.isBlur = false;
|
|
21532
|
-
if (isNullOrUndefined(this.saveSelection) || isNullOrUndefined(closest(this.saveSelection.range.startContainer.parentElement, ".e-img-caption")) ? true : !(closest(this.saveSelection.range.startContainer.parentElement, ".e-img-caption").getAttribute("contenteditable") == "false")) {
|
|
21533
|
-
this.contentRenderer.getEditPanel().focus();
|
|
21534
|
-
}
|
|
21535
21543
|
if (isNullOrUndefined(e.items) || e.items) {
|
|
21536
21544
|
this.saveSelection.restore();
|
|
21537
21545
|
}
|