@syncfusion/ej2-richtexteditor 26.1.35 → 26.1.40

package/dist/es6/ej2-richtexteditor.es2015.js

@@ -5706,9 +5706,8 @@ class ToolbarRenderer {
             cssClass: ((item === 'backgroundcolor') ? CLS_BACKGROUND_COLOR_PICKER : CLS_FONT_COLOR_PICKER) + ' ' + args.cssClass + ' ' + 'e-rte-picker-init',
             created: () => {
                 const value = (item === 'backgroundcolor') ? proxy.parent.backgroundColor.default : proxy.parent.fontColor.default;
-                colorPicker.setProperties({ value: value });
-                colorPicker.cssClass = ((item === 'backgroundcolor') ? CLS_BACKGROUND_COLOR_PICKER : CLS_FONT_COLOR_PICKER) + ' ' + args.cssClass;
-                colorPicker.value = value;
+                const cssClass = ((item === 'backgroundcolor') ? CLS_BACKGROUND_COLOR_PICKER : CLS_FONT_COLOR_PICKER) + ' ' + args.cssClass;
+                colorPicker.setProperties({ value: value, cssClass: cssClass });
             },
             mode: ((item === 'backgroundcolor') ? proxy.parent.backgroundColor.mode : proxy.parent.fontColor.mode),
             modeSwitcher: ((item === 'backgroundcolor') ? proxy.parent.backgroundColor.modeSwitcher : proxy.parent.fontColor.modeSwitcher),
@@ -6925,7 +6924,7 @@ class Toolbar {
      */
     updateItem(args) {
         const item = this.tools[args.updateItem.toLocaleLowerCase()];
-        if (this.parent.locale !== 'en-US') {
+        if ((getTooltipText(args.updateItem.toLocaleLowerCase(), this.locator) !== 'Code View' && getTooltipText(args.updateItem.toLocaleLowerCase(), this.locator) !== 'Preview') || this.parent.locale !== 'en-US') {
             item.tooltip = getTooltipText(args.updateItem.toLocaleLowerCase(), this.locator);
         }
         const trgItem = this.tools[args.targetItem.toLocaleLowerCase()];
@@ -8040,7 +8039,7 @@ class BaseQuickToolbar {
                 this.checkCollision(showPopupData, 'document', ((this.parent.inlineMode.enable) ? 'inline' : (type === 'text') ? 'text' : ''));
                 this.popupObj.element.classList.remove('e-popup-open');
                 removeClass([this.element], [CLS_HIDE]);
-                this.popupObj.show({ name: 'ZoomIn', duration: (Browser.isIE ? 250 : 400) });
+                this.popupObj.show({ name: 'ZoomIn', duration: (Browser.isIE ? 250 : 400) }, target);
                 if (this.popupObj && this.parent.cssClass) {
                     removeClass([this.popupObj.element], this.parent.cssClass.replace(/\s+/g, ' ').trim().split(' '));
                     addClass([this.popupObj.element], this.parent.cssClass.replace(/\s+/g, ' ').trim().split(' '));
@@ -8953,7 +8952,7 @@ class Count {
     }
     appendCount() {
         const htmlText = this.parent.editorMode === 'Markdown' ? this.editPanel.value :
-            (this.parent.getText().replace(/(\r\n|\n|\r|\t)/gm, ''));
+            (isNullOrUndefined(this.parent.getText()) ? '' : (this.parent.getText().replace(/(\r\n|\n|\r|\t)/gm, '')));
         if (this.parent.editorMode !== 'Markdown' && htmlText.indexOf('\u200B') !== -1) {
             this.htmlLength = htmlText.replace(/\u200B/g, '').length;
         }
@@ -16861,6 +16860,7 @@ class VideoCommand {
             clickElement.appendChild(temp.content);
             this.vidElement = sourceElement = clickElement.firstElementChild;
             this.setStyle(sourceElement, e, this.vidElement);
+            wrapElement.style.display = (e.item.cssClass === CLASS_VIDEO_INLINE) ? 'inline-block' : 'block';
             wrapElement.appendChild(clickElement);
         }
         else {
@@ -16992,6 +16992,16 @@ class VideoCommand {
         if (!isNullOrUndefined(e.item.height) && !isNullOrUndefined(e.item.height.maxHeight)) {
             videoEle.style.maxHeight = formatUnit(e.item.height.maxHeight);
         }
+        if (!isNullOrUndefined(e.item.cssClass)) {
+            if (e.item.cssClass === CLASS_VIDEO_BREAK) {
+                addClass([videoEle], [CLASS_VIDEO_BREAK]);
+                removeClass([videoEle], [CLASS_VIDEO_INLINE]);
+            }
+            else {
+                addClass([videoEle], [CLASS_VIDEO_INLINE]);
+                removeClass([videoEle], [CLASS_VIDEO_BREAK]);
+            }
+        }
     }
     videoDimension(e) {
         const selectNode = !(e.item.selectNode[0].classList.contains(CLASS_VIDEO_CLICK_ELEM)) ? e.item.selectNode[0] :
@@ -20165,12 +20175,13 @@ class MsWordPaste {
                 this.filterStyles(elm, wordPasteStyleConfig);
                 let resultElem;
                 let fromClass = false;
+                const regex = /^(p|div|li)\.(1|10|11)$/;
                 for (let i = 0; i < keys.length; i++) {
                     if (keys[i].split('.')[0] === '') {
                         resultElem = elm.getElementsByClassName(keys[i].split('.')[1]);
                         fromClass = true;
                     }
-                    else if (keys[i].split('.').length === 1 && keys[i].split('.')[0].indexOf('@') >= 0) {
+                    else if ((keys[i].split('.').length === 1 && keys[i].split('.')[0].indexOf('@') >= 0) || (regex.test(keys[i]))) {
                         continue;
                     }
                     else if (keys[i].split('.').length === 1 && keys[i].split('.')[0].indexOf('@') < 0) {
@@ -20346,7 +20357,7 @@ class MsWordPaste {
             if (content && content.indexOf('mso-list:') !== -1) {
                 let msoListValue;
                 if (content.match(/mso-list:[^;]+;?/)) {
-                    const changedContent = content.replace('\n', '').split(' ').join('');
+                    const changedContent = content.replace(new RegExp('\n', 'g'), '').split(' ').join('');
                     msoListValue = changedContent.match(/mso-list:[^;]+;?/)[0].split(':l');
                     listFormatOverride = isNullOrUndefined(msoListValue) ? null : parseInt(msoListValue[1].split('level')[0], 10);
                 }
@@ -22945,6 +22956,10 @@ class HtmlEditor {
                 }
                 paraElem[i].innerHTML = resultSplitContent.trim();
             }
+            const anchorElement = divElement.childNodes[0];
+            if (!isNullOrUndefined(anchorElement) && !isNullOrUndefined(anchorElement.childNodes[0]) && anchorElement.nodeName === 'SPAN' && anchorElement.childNodes[0].nodeName === 'A') {
+                divElement.innerHTML = divElement.innerHTML.replace('<span>', '').replace('</span>', '');
+            }
             if (!isNullOrUndefined(this.parent.pasteCleanupModule)) {
                 e.callBack(divElement.innerHTML);
             }
@@ -26698,6 +26713,10 @@ class Image$1 {
         this.rendererFactory = serviceLocator.getService('rendererFactory');
         this.dialogRenderObj = serviceLocator.getService('dialogRenderObject');
         this.addEventListener();
+        this.drop = this.dragDrop.bind(this);
+        this.drag = this.dragOver.bind(this);
+        this.enter = this.dragEnter.bind(this);
+        this.start = this.dragStart.bind(this);
     }
     addEventListener() {
         if (this.parent.isDestroyed) {
@@ -26756,10 +26775,14 @@ class Image$1 {
         this.parent.off(moduleDestroy, this.moduleDestroy);
         const dropElement = this.parent.iframeSettings.enable ? this.parent.inputElement.ownerDocument
             : this.parent.inputElement;
-        dropElement.removeEventListener('drop', this.dragDrop.bind(this), true);
-        dropElement.removeEventListener('dragstart', this.dragStart.bind(this), true);
-        dropElement.removeEventListener('dragenter', this.dragEnter.bind(this), true);
-        dropElement.removeEventListener('dragover', this.dragOver.bind(this), true);
+        dropElement.removeEventListener('drop', this.drop, true);
+        dropElement.removeEventListener('dragstart', this.drag, true);
+        dropElement.removeEventListener('dragenter', this.enter, true);
+        dropElement.removeEventListener('dragover', this.start, true);
+        this.drop = null;
+        this.drag = null;
+        this.enter = null;
+        this.start = null;
         if (!isNullOrUndefined(this.contentModule)) {
             EventHandler.remove(this.contentModule.getEditPanel(), Browser.touchEndEvent, this.imageClick);
             this.parent.formatter.editorManager.observer.off(checkUndo, this.undoStack);
@@ -26813,10 +26836,10 @@ class Image$1 {
         }
         const dropElement = this.parent.iframeSettings.enable ? this.parent.inputElement.ownerDocument :
             this.parent.inputElement;
-        dropElement.addEventListener('drop', this.dragDrop.bind(this), true);
-        dropElement.addEventListener('dragstart', this.dragStart.bind(this), true);
-        dropElement.addEventListener('dragenter', this.dragOver.bind(this), true);
-        dropElement.addEventListener('dragover', this.dragOver.bind(this), true);
+        dropElement.addEventListener('drop', this.drop, true);
+        dropElement.addEventListener('dragstart', this.drag, true);
+        dropElement.addEventListener('dragenter', this.enter, true);
+        dropElement.addEventListener('dragover', this.start, true);
     }
     undoStack(args) {
         if (args.subCommand.toLowerCase() === 'undo' || args.subCommand.toLowerCase() === 'redo') {
@@ -31237,6 +31260,14 @@ class Video {
         if (!isNullOrUndefined(proxy.uploadUrl) && proxy.uploadUrl.url !== '') {
             proxy.uploadUrl.cssClass = (proxy.parent.insertVideoSettings.layoutOption === 'Inline' ?
                 CLS_VIDEOINLINE : CLS_VIDEOBREAK);
+            proxy.uploadUrl.width = {
+                width: proxy.parent.insertVideoSettings.width, minWidth: proxy.parent.insertVideoSettings.minWidth,
+                maxWidth: proxy.parent.getInsertImgMaxWidth()
+            };
+            proxy.uploadUrl.height = {
+                height: proxy.parent.insertVideoSettings.height, minHeight: proxy.parent.insertVideoSettings.minHeight,
+                maxHeight: proxy.parent.insertVideoSettings.maxHeight
+            };
             proxy.dialogObj.hide({ returnValue: false });
             proxy.parent.formatter.process(proxy.parent, this.args, this.args.originalEvent, proxy.uploadUrl);
             proxy.uploadUrl.url = '';
@@ -33539,7 +33570,7 @@ class Table {
             const argument = ((Browser.isDevice || (!isNullOrUndefined(args.args)
                 && !isNullOrUndefined(args.args.originalEvent) &&
                 args.args.originalEvent.action === 'insert-table')
-                || proxy.parent.inlineMode.enable || !isNullOrUndefined(proxy.parent.quickToolbarSettings.text)) ? args :
+                || proxy.parent.inlineMode.enable || ((!isNullOrUndefined(proxy.parent.quickToolbarSettings.text)) && !(args instanceof PointerEvent))) ? args :
                 this);
             proxy.tableInsert(proxy.rowTextBox.value, proxy.columnTextBox.value, e, argument);
         }
@@ -34835,8 +34866,17 @@ class EnterKeyAction {
                                     }
                                     else {
                                         const lineBreakBRElem = this.parent.createElement('br');
-                                        this.parent.formatter.editorManager.domNode.insertAfter(focusBRElem, this.range.startContainer);
-                                        this.parent.formatter.editorManager.domNode.insertAfter(lineBreakBRElem, this.range.startContainer);
+                                        const anchorElement = (!isNullOrUndefined(this.range.startContainer.parentElement) && this.range.startContainer.parentElement.nodeName === 'A'
+                                            && this.range.startContainer.parentElement.textContent.length === this.range.startOffset)
+                                            ? this.range.startContainer.parentElement : this.range.startContainer;
+                                        this.parent.formatter.editorManager.domNode.insertAfter(focusBRElem, anchorElement);
+                                        this.parent.formatter.editorManager.domNode.insertAfter(lineBreakBRElem, anchorElement);
+                                        const brSibling = anchorElement.nextElementSibling;
+                                        const brNextSibling = !isNullOrUndefined(brSibling) ? brSibling.nextElementSibling : null;
+                                        if (!isNullOrUndefined(brSibling) && !isNullOrUndefined(brNextSibling) && !isNullOrUndefined(brNextSibling.nextElementSibling) &&
+                                            brSibling.nodeName === 'BR' && brNextSibling.nodeName === 'BR' && brNextSibling.nextElementSibling.nodeName === 'BR') {
+                                            brNextSibling.nextElementSibling.remove();
+                                        }
                                     }
                                 }
                                 this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), focusBRElem, 0);
@@ -34903,6 +34943,13 @@ class EnterKeyAction {
             isFocusTextNode = false;
         }
         const brElm = this.parent.createElement('br');
+        let findAnchorLastChild = this.startNode;
+        while (findAnchorLastChild.lastChild) {
+            findAnchorLastChild = findAnchorLastChild.lastChild;
+        }
+        const findAnchorElement = this.startNode.nodeName === 'A' && this.endNode.nodeName === 'A' &&
+            !isNullOrUndefined(this.range.startContainer.parentElement) && this.range.startOffset === this.range.endOffset &&
+            this.range.startContainer.textContent.trim().length === findAnchorLastChild.textContent.trim().length;
         if (this.startNode.nodeName === 'BR' && this.endNode.nodeName === 'BR' && this.range.startOffset === 0 && this.range.startOffset === this.range.endOffset) {
             this.parent.formatter.editorManager.domNode.insertAfter(brElm, this.startNode);
             isEmptyBrInserted = true;
@@ -34912,15 +34959,25 @@ class EnterKeyAction {
                 this.range.startContainer.previousSibling.nodeName === 'BR' && this.range.startContainer.textContent.length === 0) {
                 isEmptyBrInserted = true;
             }
-            this.range.insertNode(brElm);
+            if (findAnchorElement) {
+                this.parent.formatter.editorManager.domNode.insertAfter(brElm, this.startNode);
+            }
+            else {
+                this.range.insertNode(brElm);
+            }
         }
         if (isEmptyBrInserted || (!isNullOrUndefined(brElm.nextElementSibling) && brElm.nextElementSibling.tagName === 'BR') || (!isNullOrUndefined(brElm.nextSibling) && brElm.nextSibling.textContent.length > 0)) {
             this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), !isNullOrUndefined(brElm.nextSibling) && isFocusTextNode ? brElm.nextSibling : brElm, 0);
             isEmptyBrInserted = false;
         }
         else {
-            const brElm2 = this.parent.createElement('br');
-            this.range.insertNode(brElm2);
+            const brElements = this.parent.createElement('br');
+            if (findAnchorElement) {
+                this.parent.formatter.editorManager.domNode.insertAfter(brElements, this.startNode);
+            }
+            else {
+                this.range.insertNode(brElements);
+            }
             this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), brElm, 0);
         }
     }
@@ -36094,15 +36151,6 @@ let RichTextEditor = class RichTextEditor extends Component {
                 detach(tooltipEle);
             }
         }
-        if (this.element.offsetParent === null) {
-            if (!isNullOrUndefined(this.toolbarModule)) {
-                this.toolbarModule.destroy();
-            }
-            this.notify(moduleDestroy, {});
-            super.destroy();
-            this.isRendered = false;
-            return;
-        }
         this.notify(destroy, {});
         this.destroyDependentModules();
         this.unWireEvents();
@@ -37191,7 +37239,7 @@ let RichTextEditor = class RichTextEditor extends Component {
             }
         }
         this.removeSelectionClassStates(valueElementWrapper);
-        return valueElementWrapper.innerHTML;
+        return (this.editorMode === 'Markdown') ? valueElementWrapper.innerHTML.replace(/&lt;/g, '<').replace(/&gt;/g, '>').replace(/&amp;/g, '&') : valueElementWrapper.innerHTML;
     }
     updateStatus(e) {
         if (!isNullOrUndefined(e.html) || !isNullOrUndefined(e.markdown)) {