@syncfusion/ej2-richtexteditor 19.4.54 → 20.1.47

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

@@ -933,6 +933,11 @@ const CLS_FONT_NAME_TB_BTN = 'e-font-name-tbar-btn';
  * @deprecated
  */
 const CLS_FONT_SIZE_TB_BTN = 'e-font-size-tbar-btn';
+/**
+ * @hidden
+ * @deprecated
+ */
+const CLS_ALIGN_TB_BTN = 'e-alignment-tbar-btn';
 /**
  * @hidden
  * @deprecated
@@ -3547,7 +3552,7 @@ class DropDownButtons {
                         }
                         this.alignDropDown = this.toolbarRenderer.renderDropDownButton({
                             iconCss: 'e-justify-left e-icons',
-                            cssClass: CLS_DROPDOWN_POPUP + ' ' + CLS_DROPDOWN_ITEMS,
+                            cssClass: CLS_DROPDOWN_POPUP + ' ' + CLS_DROPDOWN_ITEMS + ' ' + CLS_ALIGN_TB_BTN,
                             itemName: 'Alignments', items: alignmentItems, element: targetElement
                         });
                         break;
@@ -6059,8 +6064,8 @@ class Count {
         }
     }
     appendCount() {
-        const htmlText = this.parent.editorMode === 'Markdown' ? this.editPanel.value.trim() :
-            this.editPanel.textContent.trim();
+        const htmlText = this.parent.editorMode === 'Markdown' ? this.editPanel.value :
+            this.editPanel.textContent;
         if (this.parent.editorMode !== 'Markdown' && htmlText.indexOf('\u200B') !== -1) {
             this.htmlLength = htmlText.replace(/\u200B/g, '').length;
         }
@@ -9510,11 +9515,14 @@ class NodeSelection {
     setRangePoint(range, isvalid, num, size) {
         let node = this.rootNode;
         let index = num.length;
-        const constant = size;
+        let constant = size;
         for (; index--; null) {
             node = node && node.childNodes[num[index]];
         }
         if (node && constant >= 0 && node.nodeName !== 'html') {
+            if (node.nodeType === 3 && node.nodeValue.replace(/\u00a0/g, ' ') === ' ') {
+                constant = node.textContent.length;
+            }
             range[isvalid ? 'setStart' : 'setEnd'](node, constant);
         }
         return range;
@@ -10514,6 +10522,9 @@ class Lists {
             range.endContainer.parentElement.closest('LI');
         if (!isNullOrUndefined(startNode) && !isNullOrUndefined(endNode) && startNode === endNode && startNode.tagName === 'LI' &&
             startNode.textContent.trim() === '' && startNode.querySelectorAll('IMG').length === 0) {
+            if (startNode.innerHTML.indexOf(' ') >= 0) {
+                return;
+            }
             if (startNode.textContent.charCodeAt(0) === 65279) {
                 startNode.textContent = '';
             }
@@ -10655,7 +10666,7 @@ class Lists {
                 e.event.stopPropagation();
                 this.currentAction = this.getAction(nodes[0]);
                 if (e.event.shiftKey) {
-                    this.revertList(nodes);
+                    this.revertList(nodes, e);
                     this.revertClean();
                 }
                 else {
@@ -10817,6 +10828,9 @@ class Lists {
                         append([nestedElement], prevSibling);
                         append([elements[i]], nestedElement);
                     }
+                    else if (prevSibling.tagName === 'OL' || prevSibling.tagName === 'UL') {
+                        append([elements[i]], prevSibling);
+                    }
                 }
             }
             else {
@@ -10828,7 +10842,15 @@ class Lists {
         return isNested;
     }
     applyListsHandler(e) {
-        const range = this.parent.nodeSelection.getRange(this.parent.currentDocument);
+        let range = this.parent.nodeSelection.getRange(this.parent.currentDocument);
+        if (range.startContainer === range.endContainer && range.startContainer === this.parent.editableElement &&
+            range.startOffset === range.endOffset && range.startOffset === 0 &&
+            this.parent.editableElement.textContent.length === 0 && (this.parent.editableElement.childNodes[0].nodeName != 'TABLE' &&
+            this.parent.editableElement.childNodes[0].nodeName != 'IMG')) {
+            const focusNode = range.startContainer.childNodes[0];
+            this.parent.nodeSelection.setSelectionText(this.parent.currentDocument, focusNode, focusNode, 0, 0);
+            range = this.parent.nodeSelection.getRange(this.parent.currentDocument);
+        }
         this.saveSelection = this.parent.nodeSelection.save(range, this.parent.currentDocument);
         this.currentAction = e.subCommand;
         this.currentAction = e.subCommand = this.currentAction === 'NumberFormatList' ? 'OL' : this.currentAction === 'BulletFormatList' ? 'UL' : this.currentAction;
@@ -10903,7 +10925,7 @@ class Lists {
                 listsNodes[i] = listsNodes[i].parentNode;
             }
         }
-        this.applyLists(listsNodes, this.currentAction, e.selector, e.item);
+        this.applyLists(listsNodes, this.currentAction, e.selector, e.item, e);
         if (e.callBack) {
             e.callBack({
                 requestType: this.currentAction,
@@ -10924,9 +10946,9 @@ class Lists {
             this.parent.nodeSelection.setSelectionText(this.parent.currentDocument, startElem, endElem, 0, 0);
         }
     }
-    applyLists(elements, type, selector, item) {
+    applyLists(elements, type, selector, item, e) {
         if (this.isRevert(elements, type) && isNullOrUndefined(item)) {
-            this.revertList(elements);
+            this.revertList(elements, e);
             this.removeEmptyListElements();
         }
         else {
@@ -11083,7 +11105,7 @@ class Lists {
             }
         }
     }
-    revertList(elements) {
+    revertList(elements, e) {
         const temp = [];
         for (let i = elements.length - 1; i >= 0; i--) {
             for (let j = i - 1; j >= 0; j--) {
@@ -11127,7 +11149,9 @@ class Lists {
                         ' class="' + className + ' e-rte-wrap-inner"';
                     const wrapper = '<' + DEFAULT_TAG + wrapperclass +
                         this.domNode.attributes(parentNode) + '></' + DEFAULT_TAG + '>';
-                    this.domNode.wrapInner(element, this.domNode.parseHTMLFragment(wrapper));
+                    if (e.enterAction !== 'BR') {
+                        this.domNode.wrapInner(element, this.domNode.parseHTMLFragment(wrapper));
+                    }
                 }
                 else if (this.domNode.contents(element)[0].nodeType === 3) {
                     const replace = this.domNode.createTagString(DEFAULT_TAG, parentNode, this.parent.domNode.encode(this.domNode.contents(element)[0].textContent));
@@ -11861,6 +11885,12 @@ class InsertHtml {
             nodeSelection.setSelectionText(docElement, range.startContainer.children[0], range.startContainer.children[0], 0, 0);
             range = nodeSelection.getRange(docElement);
         }
+        if (range.startContainer.nodeName === 'BR' && range.startOffset === 0 && range.startOffset === range.endOffset &&
+            range.startContainer === range.endContainer) {
+            const currentIndex = Array.prototype.slice.call(range.startContainer.parentElement.children).indexOf(range.startContainer);
+            nodeSelection.setSelectionText(docElement, range.startContainer.parentElement, range.startContainer.parentElement, currentIndex + 1, currentIndex + 1);
+            range = nodeSelection.getRange(docElement);
+        }
         const isCursor = range.startOffset === range.endOffset && range.startOffset === 0 &&
             range.startContainer === range.endContainer;
         const isCollapsed = range.collapsed;
@@ -12044,7 +12074,7 @@ class InsertHtml {
             else {
                 const tempSpan = createElement('span', { className: 'tempSpan' });
                 const nearestAnchor = closest(range.startContainer.parentElement, 'a');
-                if (range.startContainer.nodeType === 3 && nearestAnchor) {
+                if (range.startContainer.nodeType === 3 && nearestAnchor && closest(nearestAnchor, 'span')) {
                     const immediateBlockNode = this.getImmediateBlockNode(range.startContainer, editNode);
                     if (immediateBlockNode.querySelectorAll('br').length > 0) {
                         detach(immediateBlockNode.querySelector('br'));
@@ -12196,7 +12226,7 @@ class InsertHtml {
                 let currentNode = nodes[nodes.length - 1];
                 let splitedElm;
                 if ((currentNode.nodeName === 'BR' || currentNode.nodeName === 'HR') && !isNullOrUndefined(currentNode.parentElement) &&
-                    currentNode.parentElement.textContent.trim().length === 0 && (currentNode.parentElement === editNode || !node.classList.contains('pasteContent'))) {
+                    currentNode.parentElement.textContent.trim().length === 0) {
                     splitedElm = currentNode;
                 }
                 else {
@@ -12358,7 +12388,12 @@ class LinkCommand {
         }
         else {
             const domSelection = new NodeSelection();
-            const range = domSelection.getRange(this.parent.currentDocument);
+            let range = domSelection.getRange(this.parent.currentDocument);
+            if (range.endContainer.nodeName === '#text' && range.startContainer.textContent.length === (range.endOffset + 1) &&
+                range.endContainer.textContent.charAt(range.endOffset) === ' ' && range.endContainer.nextSibling.nodeName === 'A') {
+                domSelection.setSelectionText(this.parent.currentDocument, range.startContainer, range.endContainer, range.startOffset, range.endOffset + 1);
+                range = domSelection.getRange(this.parent.currentDocument);
+            }
             const text = isNullOrUndefined(e.item.text) ? true : e.item.text.replace(/ /g, '').localeCompare(range.toString()
                 .replace(/\n/g, ' ').replace(/ /g, '')) < 0;
             if (e.event && e.event.type === 'keydown' && (e.event.keyCode === 32
@@ -13012,7 +13047,12 @@ class ImageCommand {
     removeImage(e) {
         if (closest(e.item.selectNode[0], 'a')) {
             if (e.item.selectNode[0].parentElement.nodeName === 'A' && !isNullOrUndefined(e.item.selectNode[0].parentElement.innerText)) {
-                detach(e.item.selectNode[0]);
+                if (!isNullOrUndefined(closest(e.item.selectNode[0], '.' + CLASS_CAPTION))) {
+                    detach(closest(e.item.selectNode[0], '.' + CLASS_CAPTION));
+                }
+                else {
+                    detach(e.item.selectNode[0]);
+                }
             }
             else {
                 detach(closest(e.item.selectNode[0], 'a'));
@@ -13333,7 +13373,7 @@ class TableCommand {
                     const tdElement = createElement('td');
                     tdElement.appendChild(createElement('br'));
                     newRow.appendChild(tdElement);
-                    tdElement.setAttribute('style', allCells[(isHeaderSelect && isBelow) ? (minVal + 1) : minVal][i].getAttribute('style'));
+                    tdElement.setAttribute('style', allCells[(isHeaderSelect && isBelow) ? allCells[(minVal + 1)] ? (minVal + 1) : minVal : minVal][i].getAttribute('style'));
                 }
             }
             // eslint-disable-next-line
@@ -13717,7 +13757,8 @@ class TableCommand {
         if (min < (max = Math.min(max, eleArray.length - 1))) {
             for (rowValue = min; rowValue <= max; rowValue++) {
                 // eslint-disable-next-line
-                if (!(min < rowValue && eleArray[rowValue][0] === eleArray[rowValue - 1][0]) && 1 < (index = Math.min(parseInt(eleArray[rowValue][0].getAttribute('rowspan'), 10) || 1, max - min + 1)) && eleArray[rowValue][0] === eleArray[rowValue + 1][0]) {
+                if (!(min < rowValue && eleArray[rowValue][0] === eleArray[rowValue - 1][0]) && eleArray[rowValue][0] &&
+                    1 < (index = Math.min(parseInt(eleArray[rowValue][0].getAttribute('rowspan'), 10) || 1, max - min + 1)) && eleArray[rowValue][0] === eleArray[rowValue + 1][0]) {
                     for (count = index - 1, colIndex = 1; colIndex < eleArray[0].length; colIndex++) {
                         if (eleArray[rowValue][colIndex] !== eleArray[rowValue][colIndex - 1]) {
                             for (rowMin = rowValue; rowMin < rowValue + index; rowMin++) {
@@ -13759,10 +13800,10 @@ class TableCommand {
     }
     mergeCellContent() {
         const selectedCells = this.curTable.querySelectorAll('.e-cell-select');
-        let innerHtml = selectedCells[0].innerHTML;
-        for (let i = 1; i < selectedCells.length - 1; i++) {
+        let innerHtml = selectedCells[0].innerHTML === '<br>' ? '' : selectedCells[0].innerHTML;
+        for (let i = 1; i < selectedCells.length; i++) {
             if ('<br>' !== selectedCells[i].innerHTML) {
-                innerHtml = innerHtml + selectedCells[i].innerHTML;
+                innerHtml = innerHtml ? innerHtml + '<br>' + selectedCells[i].innerHTML : innerHtml + selectedCells[i].innerHTML;
             }
         }
         selectedCells[0].innerHTML = innerHtml;
@@ -14413,6 +14454,7 @@ class SelectionCommands {
     }
     static insertCursorNode(docElement, domSelection, range, isFormatted, nodeCutter, format, value, endNode) {
         const cursorNodes = domSelection.getNodeCollection(range);
+        const domNode = new DOMNode(endNode, docElement);
         const cursorFormat = (cursorNodes.length > 0) ?
             (cursorNodes.length > 1 && range.startContainer === range.endContainer) ?
                 this.getCursorFormat(isFormatted, cursorNodes, format, endNode) :
@@ -14420,11 +14462,16 @@ class SelectionCommands {
         let cursorNode = null;
         if (cursorFormat) {
             cursorNode = cursorNodes[0];
-            if (cursorFormat.firstChild.textContent.charCodeAt(0) === 8203) {
+            if (cursorFormat.firstChild.textContent.charCodeAt(0) === 8203 && cursorFormat.firstChild.nodeType === 3) {
                 const regEx = new RegExp(String.fromCharCode(8203), 'g');
                 let emptySpaceNode;
                 if (cursorFormat.firstChild === cursorNode) {
-                    cursorNode.textContent = cursorNode.textContent.replace(regEx, '');
+                    cursorNode.textContent = (cursorFormat.parentElement && (domNode.isBlockNode(cursorFormat.parentElement) &&
+                        cursorFormat.parentElement.textContent.length <= 1 ? cursorFormat.parentElement.childElementCount > 1 :
+                        cursorFormat.childElementCount === 0) &&
+                        (cursorFormat.parentElement.textContent.length > 1 ||
+                            cursorFormat.parentElement.firstChild && cursorFormat.parentElement.firstChild.nodeType === 1) ?
+                        cursorNode.textContent : cursorNode.textContent.replace(regEx, ''));
                     emptySpaceNode = cursorNode;
                     
                 }
@@ -15098,7 +15145,8 @@ class ClearFormat$1 {
         for (let index = 0; index < textNodes.length; index++) {
             let currentInlineNode = textNodes[index];
             let currentNode;
-            while (!this.domNode.isBlockNode(currentInlineNode)) {
+            while (!this.domNode.isBlockNode(currentInlineNode) &&
+                (currentInlineNode.parentElement && !currentInlineNode.parentElement.classList.contains('e-img-inner'))) {
                 currentNode = currentInlineNode;
                 currentInlineNode = currentInlineNode.parentElement;
             }
@@ -15112,7 +15160,7 @@ class ClearFormat$1 {
     static removeInlineParent(textNodes) {
         const nodes = InsertMethods.unwrap(textNodes);
         for (let index = 0; index < nodes.length; index++) {
-            if (nodes[index].parentNode.childNodes.length === 1
+            if (nodes[index].parentNode.childNodes.length === 1 && !nodes[index].parentNode.classList.contains('e-img-inner')
                 && IsFormatted.inlineTags.indexOf(nodes[index].parentNode.nodeName.toLocaleLowerCase()) > -1) {
                 this.removeInlineParent(nodes[index].parentNode);
             }
@@ -17224,7 +17272,9 @@ class HtmlEditor {
                 this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), range.startContainer, pointer);
             }
             if (!isNullOrUndefined(range.startContainer.previousSibling) && !isNullOrUndefined(range.startContainer.previousSibling.parentElement) &&
-                range.startContainer.parentElement === range.startContainer.previousSibling.parentElement && range.startContainer.previousSibling.textContent.charCodeAt(0) === 8203) {
+                range.startContainer.parentElement === range.startContainer.previousSibling.parentElement &&
+                range.startContainer.previousSibling.textContent.charCodeAt(0) === 8203 &&
+                range.startContainer.previousSibling.textContent.length <= 1) {
                 range.startContainer.previousSibling.textContent = range.startContainer.previousSibling.textContent.replace(regEx, '');
             }
             if (range.endContainer.textContent.charCodeAt(range.endOffset) === 8203) {
@@ -17314,6 +17364,7 @@ class HtmlEditor {
             if (!this.isImageDelete) {
                 args.preventDefault();
             }
+            args.preventDefault();
         }
     }
     isOrderedList(editorValue) {
@@ -20145,6 +20196,7 @@ class Image {
     calcPos(elem) {
         const ignoreOffset = ['TD', 'TH', 'TABLE', 'A'];
         let parentOffset = { top: 0, left: 0 };
+        let elementOffset;
         const doc = elem.ownerDocument;
         let offsetParent = ((elem.offsetParent && (elem.offsetParent.classList.contains('e-img-caption') ||
             ignoreOffset.indexOf(elem.offsetParent.tagName) > -1)) ?
@@ -20158,10 +20210,19 @@ class Image {
             // eslint-disable-next-line
             parentOffset = offsetParent.getBoundingClientRect();
         }
-        return {
-            top: elem.offsetTop,
-            left: elem.offsetLeft
-        };
+        if (elem.offsetParent && (elem.offsetParent.classList.contains('e-img-caption'))) {
+            elementOffset = elem.getBoundingClientRect();
+            return {
+                top: elementOffset.top - parentOffset.top,
+                left: elementOffset.left - parentOffset.left
+            };
+        }
+        else {
+            return {
+                top: elem.offsetTop,
+                left: elem.offsetLeft
+            };
+        }
     }
     setAspectRatio(img, expectedX, expectedY, e) {
         if (isNullOrUndefined(img.width)) {
@@ -20171,7 +20232,7 @@ class Image {
             parseInt(img.style.width, 10) : img.width;
         const height = img.style.height !== '' ? parseInt(img.style.height, 10) : img.height;
         if (width > height) {
-            img.style.minWidth = '20px';
+            img.style.minWidth = this.parent.insertImageSettings.minWidth === 0 ? '20px' : formatUnit(this.parent.insertImageSettings.minWidth);
             if (this.parent.insertImageSettings.resizeByPercent) {
                 if (parseInt('' + img.getBoundingClientRect().width + '', 10) !== 0 && parseInt('' + width + '', 10) !== 0) {
                     const percentageValue = this.pixToPerc((width / height * expectedY), (img.previousElementSibling || img.parentElement));
@@ -20493,6 +20554,10 @@ class Image {
                         range.startContainer.querySelector('.' + CLS_CAPTION + '.' + CLS_CAPINLINE))) {
                         detach(range.startContainer.querySelector('.' + CLS_CAPTION + '.' + CLS_CAPINLINE));
                     }
+                    else if (range.startContainer.nodeType === 1 &&
+                        range.startContainer.querySelector('.' + CLS_CAPTION + '.' + CLS_IMGBREAK)) {
+                        detach(range.startContainer.querySelector('.' + CLS_CAPTION + '.' + CLS_IMGBREAK));
+                    }
                 }
                 break;
             case 'insert-image':
@@ -20662,6 +20727,8 @@ class Image {
         if (this.parent.quickToolbarModule.imageQTBar) {
             if (e.isNotify) {
                 setTimeout(() => {
+                    this.parent.formatter.editorManager.nodeSelection.Clear(this.contentModule.getDocument());
+                    this.parent.formatter.editorManager.nodeSelection.setSelectionContents(this.contentModule.getDocument(), target);
                     this.quickToolObj.imageQTBar.showPopup(args.pageX, pageY, target);
                 }, 400);
             }
@@ -21693,7 +21760,8 @@ class Image {
         if (activePopupElement) {
             activePopupElement.classList.add(CLS_HIDE);
         }
-        if (e.dataTransfer.files.length > 0) { //For external image drag and drop
+        const imgElement = this.parent.inputElement.ownerDocument.querySelector('.' + CLS_RTE_DRAG_IMAGE);
+        if (e.dataTransfer.files.length > 0 && imgElement === null) { //For external image drag and drop
             if (e.dataTransfer.files.length > 1) {
                 return;
             }
@@ -21716,7 +21784,6 @@ class Image {
         }
         else { //For internal image drag and drop
             const range = this.parent.formatter.editorManager.nodeSelection.getRange(this.parent.contentModule.getDocument());
-            const imgElement = this.parent.inputElement.ownerDocument.querySelector('.' + CLS_RTE_DRAG_IMAGE);
             if (imgElement && imgElement.tagName === 'IMG') {
                 if (imgElement.nextElementSibling) {
                     if (imgElement.nextElementSibling.classList.contains(CLS_IMG_INNER)) {
@@ -22628,7 +22695,7 @@ class Table {
                 ele.classList.add(CLS_TABLE_SEL);
                 this.addRow(selection, event, true);
                 ele.classList.remove(CLS_TABLE_SEL);
-                nextElement = nextElement.parentElement.nextSibling.firstChild;
+                nextElement = nextElement.parentElement.nextSibling ? nextElement.parentElement.nextSibling.firstChild : nextElement.parentElement.firstChild;
                 // eslint-disable-next-line
                 (nextElement.textContent.trim() !== '' && closest(nextElement, 'td')) ?
                     selection.setSelectionNode(this.contentModule.getDocument(), nextElement) :
@@ -22838,7 +22905,7 @@ class Table {
             return;
         }
         const target = e.target || e.targetTouches[0].target;
-        const closestTable = closest(target, 'table');
+        const closestTable = closest(target, 'table.e-rte-table');
         if (!isNullOrUndefined(this.curTable) && !isNullOrUndefined(closestTable) && closestTable !== this.curTable) {
             this.removeResizeElement();
             this.removeHelper(e);
@@ -22917,6 +22984,7 @@ class Table {
         const offset = elem.getBoundingClientRect();
         const doc = elem.ownerDocument;
         let offsetParent = elem.offsetParent || doc.documentElement;
+        let isNestedTable = false;
         while (offsetParent &&
             (offsetParent === doc.body || offsetParent === doc.documentElement) &&
             offsetParent.style.position === 'static') {
@@ -22924,15 +22992,29 @@ class Table {
         }
         if (offsetParent.nodeName === 'TD' && elem.nodeName === 'TABLE') {
             offsetParent = closest(offsetParent, '.e-rte-content');
+            isNestedTable = true;
         }
         if (offsetParent && offsetParent !== elem && offsetParent.nodeType === 1) {
             // eslint-disable-next-line
             parentOffset = offsetParent.getBoundingClientRect();
         }
-        return {
-            top: elem.offsetTop,
-            left: elem.offsetLeft
-        };
+        if (isNestedTable) {
+            isNestedTable = false;
+            let topValue = this.parent.inputElement && this.parent.inputElement.scrollTop > 0 ?
+                (this.parent.inputElement.scrollTop + offset.top) - parentOffset.top : offset.top - parentOffset.top;
+            let leftValue = this.parent.inputElement && this.parent.inputElement.scrollLeft > 0 ?
+                (this.parent.inputElement.scrollLeft + offset.left) - parentOffset.left : offset.left - parentOffset.left;
+            return {
+                top: topValue,
+                left: leftValue
+            };
+        }
+        else {
+            return {
+                top: elem.offsetTop,
+                left: elem.offsetLeft
+            };
+        }
     }
     getPointX(e) {
         if (e.touches && e.touches.length) {
@@ -25631,7 +25713,7 @@ let RichTextEditor = class RichTextEditor extends Component {
                         this.inputElement.parentElement.insertBefore(this.placeHolderWrapper, this.inputElement);
                     }
                     attributes(this.placeHolderWrapper, {
-                        'style': 'font-size: 14px; padding: 16px; margin-left: 0px; margin-right: 0px;'
+                        'style': 'font-size: 14px; margin-left: 0px; margin-right: 0px;'
                     });
                 }
                 this.placeHolderWrapper.innerHTML = this.placeholder;
@@ -25870,7 +25952,8 @@ let RichTextEditor = class RichTextEditor extends Component {
     }
     setValue() {
         if (this.valueTemplate) {
-            if (typeof this.valueTemplate === 'string') {
+            const regEx = new RegExp(/<(?=.*? .*?\/ ?>|br|hr|input|!--|wbr)[a-z]+.*?>|<([a-z]+).*?<\/\1>/i);
+            if (regEx.test(this.valueTemplate)) {
                 this.setProperties({ value: this.valueTemplate });
             }
             else {
@@ -26453,7 +26536,7 @@ let RichTextEditor = class RichTextEditor extends Component {
     restrict(e) {
         if (this.maxLength >= 0) {
             const element = this.editorMode === 'Markdown' ? this.contentModule.getText() :
-                e.currentTarget.textContent.trim();
+                e.currentTarget.textContent;
             const array = [8, 16, 17, 37, 38, 39, 40, 46, 65];
             let arrayKey;
             for (let i = 0; i <= array.length - 1; i++) {
@@ -26823,5 +26906,5 @@ RichTextEditor = __decorate$1([
  * Rich Text Editor component exported items
  */
 
-export { Toolbar$2 as Toolbar, KeyboardEvents$1 as KeyboardEvents, BaseToolbar, BaseQuickToolbar, QuickToolbar, Count, ColorPickerInput, MarkdownToolbarStatus, ExecCommandCallBack, ToolbarAction, MarkdownEditor, HtmlEditor, PasteCleanup, Resize, DropDownButtons, FileManager$1 as FileManager, FullScreen, setAttributes, HtmlToolbarStatus, XhtmlValidation, HTMLFormatter, Formatter, MarkdownFormatter, ContentRender, Render, ToolbarRenderer, Link, Image, ViewSource, Table, DialogRenderer, IframeContentRender, MarkdownRender, PopupRenderer, RichTextEditor, RenderType, ToolbarType, DialogType, executeGroup, created, destroyed, load, initialLoad, contentChanged, initialEnd, iframeMouseDown, destroy, toolbarClick, toolbarRefresh, refreshBegin, toolbarUpdated, bindOnEnd, renderColorPicker, htmlToolbarClick, markdownToolbarClick, destroyColorPicker, modelChanged, keyUp, keyDown, mouseUp, toolbarCreated, toolbarRenderComplete, enableFullScreen, disableFullScreen, dropDownSelect, beforeDropDownItemRender, execCommandCallBack, imageToolbarAction, linkToolbarAction, windowResize, resizeStart, onResize, resizeStop, undo, redo, insertLink, unLink, editLink, openLink, actionBegin, actionComplete, updatedToolbarStatus, actionSuccess, updateToolbarItem, insertImage, insertCompleted, imageLeft, imageRight, imageCenter, imageBreak, imageInline, imageLink, imageAlt, imageDelete, imageCaption, imageSize, sourceCode, updateSource, toolbarOpen, beforeDropDownOpen, selectionSave, selectionRestore, expandPopupClick, count, contentFocus, contentBlur, mouseDown, sourceCodeMouseDown, editAreaClick, scroll, contentscroll, colorPickerChanged, tableColorPickerChanged, focusChange, selectAll$1 as selectAll, selectRange, getSelectedHtml, renderInlineToolbar, paste, imgModule, rtlMode, createTable, docClick, tableToolbarAction, checkUndo, readOnlyMode, pasteClean, enterHandler, beforeDialogOpen, clearDialogObj, dialogOpen, beforeDialogClose, dialogClose, beforeQuickToolbarOpen, quickToolbarOpen, quickToolbarClose, popupHide, imageSelected, imageUploading, imageUploadSuccess, imageUploadFailed, imageRemoving, afterImageDelete, drop, xhtmlValidation, beforeImageUpload, resizeInitialized, renderFileManager, beforeImageDrop, dynamicModule, beforePasteCleanup, afterPasteCleanup, updateTbItemsStatus, showLinkDialog, closeLinkDialog, showImageDialog, closeImageDialog, showTableDialog, closeTableDialog, CLS_RTE, CLS_RTL, CLS_CONTENT, CLS_DISABLED, CLS_SCRIPT_SHEET, CLS_STYLE_SHEET, CLS_TOOLBAR, CLS_TB_FIXED, CLS_TB_FLOAT, CLS_TB_ABS_FLOAT, CLS_INLINE, CLS_TB_INLINE, CLS_RTE_EXPAND_TB, CLS_FULL_SCREEN, CLS_QUICK_TB, CLS_POP, CLS_TB_STATIC, CLS_QUICK_POP, CLS_QUICK_DROPDOWN, CLS_IMAGE_POP, CLS_INLINE_POP, CLS_INLINE_DROPDOWN, CLS_DROPDOWN_POPUP, CLS_DROPDOWN_ICONS, CLS_DROPDOWN_ITEMS, CLS_DROPDOWN_BTN, CLS_RTE_CONTENT, CLS_TB_ITEM, CLS_TB_EXTENDED, CLS_TB_WRAP, CLS_POPUP, CLS_SEPARATOR, CLS_MINIMIZE, CLS_MAXIMIZE, CLS_BACK, CLS_SHOW, CLS_HIDE, CLS_VISIBLE, CLS_FOCUS, CLS_RM_WHITE_SPACE, CLS_IMGRIGHT, CLS_IMGLEFT, CLS_IMGCENTER, CLS_IMGBREAK, CLS_CAPTION, CLS_RTE_CAPTION, CLS_CAPINLINE, CLS_IMGINLINE, CLS_COUNT, CLS_WARNING, CLS_ERROR, CLS_ICONS, CLS_ACTIVE, CLS_EXPAND_OPEN, CLS_RTE_ELEMENTS, CLS_TB_BTN, CLS_HR_SEPARATOR, CLS_TB_IOS_FIX, CLS_LIST_PRIMARY_CONTENT, CLS_NUMBERFORMATLIST_TB_BTN, CLS_BULLETFORMATLIST_TB_BTN, CLS_FORMATS_TB_BTN, CLS_FONT_NAME_TB_BTN, CLS_FONT_SIZE_TB_BTN, CLS_FONT_COLOR_TARGET, CLS_BACKGROUND_COLOR_TARGET, CLS_COLOR_CONTENT, CLS_FONT_COLOR_DROPDOWN, CLS_BACKGROUND_COLOR_DROPDOWN, CLS_COLOR_PALETTE, CLS_FONT_COLOR_PICKER, CLS_BACKGROUND_COLOR_PICKER, CLS_RTE_READONLY, CLS_TABLE_SEL, CLS_TB_DASH_BOR, CLS_TB_ALT_BOR, CLS_TB_COL_RES, CLS_TB_ROW_RES, CLS_TB_BOX_RES, CLS_RTE_HIDDEN, CLS_RTE_PASTE_KEEP_FORMAT, CLS_RTE_PASTE_REMOVE_FORMAT, CLS_RTE_PASTE_PLAIN_FORMAT, CLS_RTE_PASTE_OK, CLS_RTE_PASTE_CANCEL, CLS_RTE_DIALOG_MIN_HEIGHT, CLS_RTE_RES_HANDLE, CLS_RTE_RES_EAST, CLS_RTE_IMAGE, CLS_RESIZE, CLS_IMG_FOCUS, CLS_RTE_DRAG_IMAGE, CLS_RTE_UPLOAD_POPUP, CLS_POPUP_OPEN, CLS_IMG_RESIZE, CLS_DROPAREA, CLS_IMG_INNER, CLS_UPLOAD_FILES, CLS_RTE_DIALOG_UPLOAD, CLS_RTE_RES_CNT, CLS_CUSTOM_TILE, CLS_NOCOLOR_ITEM, CLS_TABLE, CLS_TABLE_BORDER, CLS_RTE_TABLE_RESIZE, CLS_RTE_FIXED_TB_EXPAND, CLS_RTE_TB_ENABLED, getIndex, hasClass, getDropDownValue, isIDevice, getFormattedFontSize, pageYOffset, getTooltipText, setToolbarStatus, getCollection, getTBarItemsIndex, updateUndoRedoStatus, dispatchEvent, parseHtml, getTextNodesUnder, toObjectLowerCase, getEditValue, updateTextNode, getDefaultValue, isEditableValueEmpty, decode, sanitizeHelper, convertToBlob, getLocaleFontFormat, updateDropDownFontFormatLocale, ServiceLocator, RendererFactory, EditorManager, IMAGE, TABLE, LINK, INSERT_ROW, INSERT_COLUMN, DELETEROW, DELETECOLUMN, REMOVETABLE, TABLEHEADER, TABLE_VERTICAL_ALIGN, TABLE_MERGE, TABLE_VERTICAL_SPLIT, TABLE_HORIZONTAL_SPLIT, TABLE_MOVE, ALIGNMENT_TYPE, INDENT_TYPE, DEFAULT_TAG, BLOCK_TAGS, IGNORE_BLOCK_TAGS, TABLE_BLOCK_TAGS, SELECTION_TYPE, INSERTHTML_TYPE, INSERT_TEXT_TYPE, CLEAR_TYPE, CLASS_IMAGE_RIGHT, CLASS_IMAGE_LEFT, CLASS_IMAGE_CENTER, CLASS_IMAGE_BREAK, CLASS_CAPTION, CLASS_RTE_CAPTION, CLASS_CAPTION_INLINE, CLASS_IMAGE_INLINE, Lists, markerClassName, DOMNode, Alignments, Indents, Formats, LinkCommand, InsertMethods, InsertTextExec, InsertHtmlExec, InsertHtml, IsFormatted, MsWordPaste, NodeCutter, ImageCommand, SelectionCommands, SelectionBasedExec, ClearFormatExec, UndoRedoManager, TableCommand, statusCollection, ToolbarStatus, NodeSelection, MarkdownParser, LISTS_COMMAND, selectionCommand, LINK_COMMAND, CLEAR_COMMAND, MD_TABLE, ClearFormat, MDLists, MDFormats, MarkdownSelection, UndoRedoCommands, MDSelectionFormats, MDLink, MDTable, markdownFormatTags, markdownSelectionTags, markdownListsTags, htmlKeyConfig, markdownKeyConfig, pasteCleanupGroupingTags, listConversionFilters, selfClosingTags, KEY_DOWN, ACTION, FORMAT_TYPE, KEY_DOWN_HANDLER, LIST_TYPE, KEY_UP_HANDLER, KEY_UP, MODEL_CHANGED_PLUGIN, MODEL_CHANGED, MS_WORD_CLEANUP_PLUGIN, MS_WORD_CLEANUP, ON_BEGIN, SPACE_ACTION };
+export { Toolbar$2 as Toolbar, KeyboardEvents$1 as KeyboardEvents, BaseToolbar, BaseQuickToolbar, QuickToolbar, Count, ColorPickerInput, MarkdownToolbarStatus, ExecCommandCallBack, ToolbarAction, MarkdownEditor, HtmlEditor, PasteCleanup, Resize, DropDownButtons, FileManager$1 as FileManager, FullScreen, setAttributes, HtmlToolbarStatus, XhtmlValidation, HTMLFormatter, Formatter, MarkdownFormatter, ContentRender, Render, ToolbarRenderer, Link, Image, ViewSource, Table, DialogRenderer, IframeContentRender, MarkdownRender, PopupRenderer, RichTextEditor, RenderType, ToolbarType, DialogType, executeGroup, created, destroyed, load, initialLoad, contentChanged, initialEnd, iframeMouseDown, destroy, toolbarClick, toolbarRefresh, refreshBegin, toolbarUpdated, bindOnEnd, renderColorPicker, htmlToolbarClick, markdownToolbarClick, destroyColorPicker, modelChanged, keyUp, keyDown, mouseUp, toolbarCreated, toolbarRenderComplete, enableFullScreen, disableFullScreen, dropDownSelect, beforeDropDownItemRender, execCommandCallBack, imageToolbarAction, linkToolbarAction, windowResize, resizeStart, onResize, resizeStop, undo, redo, insertLink, unLink, editLink, openLink, actionBegin, actionComplete, updatedToolbarStatus, actionSuccess, updateToolbarItem, insertImage, insertCompleted, imageLeft, imageRight, imageCenter, imageBreak, imageInline, imageLink, imageAlt, imageDelete, imageCaption, imageSize, sourceCode, updateSource, toolbarOpen, beforeDropDownOpen, selectionSave, selectionRestore, expandPopupClick, count, contentFocus, contentBlur, mouseDown, sourceCodeMouseDown, editAreaClick, scroll, contentscroll, colorPickerChanged, tableColorPickerChanged, focusChange, selectAll$1 as selectAll, selectRange, getSelectedHtml, renderInlineToolbar, paste, imgModule, rtlMode, createTable, docClick, tableToolbarAction, checkUndo, readOnlyMode, pasteClean, enterHandler, beforeDialogOpen, clearDialogObj, dialogOpen, beforeDialogClose, dialogClose, beforeQuickToolbarOpen, quickToolbarOpen, quickToolbarClose, popupHide, imageSelected, imageUploading, imageUploadSuccess, imageUploadFailed, imageRemoving, afterImageDelete, drop, xhtmlValidation, beforeImageUpload, resizeInitialized, renderFileManager, beforeImageDrop, dynamicModule, beforePasteCleanup, afterPasteCleanup, updateTbItemsStatus, showLinkDialog, closeLinkDialog, showImageDialog, closeImageDialog, showTableDialog, closeTableDialog, CLS_RTE, CLS_RTL, CLS_CONTENT, CLS_DISABLED, CLS_SCRIPT_SHEET, CLS_STYLE_SHEET, CLS_TOOLBAR, CLS_TB_FIXED, CLS_TB_FLOAT, CLS_TB_ABS_FLOAT, CLS_INLINE, CLS_TB_INLINE, CLS_RTE_EXPAND_TB, CLS_FULL_SCREEN, CLS_QUICK_TB, CLS_POP, CLS_TB_STATIC, CLS_QUICK_POP, CLS_QUICK_DROPDOWN, CLS_IMAGE_POP, CLS_INLINE_POP, CLS_INLINE_DROPDOWN, CLS_DROPDOWN_POPUP, CLS_DROPDOWN_ICONS, CLS_DROPDOWN_ITEMS, CLS_DROPDOWN_BTN, CLS_RTE_CONTENT, CLS_TB_ITEM, CLS_TB_EXTENDED, CLS_TB_WRAP, CLS_POPUP, CLS_SEPARATOR, CLS_MINIMIZE, CLS_MAXIMIZE, CLS_BACK, CLS_SHOW, CLS_HIDE, CLS_VISIBLE, CLS_FOCUS, CLS_RM_WHITE_SPACE, CLS_IMGRIGHT, CLS_IMGLEFT, CLS_IMGCENTER, CLS_IMGBREAK, CLS_CAPTION, CLS_RTE_CAPTION, CLS_CAPINLINE, CLS_IMGINLINE, CLS_COUNT, CLS_WARNING, CLS_ERROR, CLS_ICONS, CLS_ACTIVE, CLS_EXPAND_OPEN, CLS_RTE_ELEMENTS, CLS_TB_BTN, CLS_HR_SEPARATOR, CLS_TB_IOS_FIX, CLS_LIST_PRIMARY_CONTENT, CLS_NUMBERFORMATLIST_TB_BTN, CLS_BULLETFORMATLIST_TB_BTN, CLS_FORMATS_TB_BTN, CLS_FONT_NAME_TB_BTN, CLS_FONT_SIZE_TB_BTN, CLS_ALIGN_TB_BTN, CLS_FONT_COLOR_TARGET, CLS_BACKGROUND_COLOR_TARGET, CLS_COLOR_CONTENT, CLS_FONT_COLOR_DROPDOWN, CLS_BACKGROUND_COLOR_DROPDOWN, CLS_COLOR_PALETTE, CLS_FONT_COLOR_PICKER, CLS_BACKGROUND_COLOR_PICKER, CLS_RTE_READONLY, CLS_TABLE_SEL, CLS_TB_DASH_BOR, CLS_TB_ALT_BOR, CLS_TB_COL_RES, CLS_TB_ROW_RES, CLS_TB_BOX_RES, CLS_RTE_HIDDEN, CLS_RTE_PASTE_KEEP_FORMAT, CLS_RTE_PASTE_REMOVE_FORMAT, CLS_RTE_PASTE_PLAIN_FORMAT, CLS_RTE_PASTE_OK, CLS_RTE_PASTE_CANCEL, CLS_RTE_DIALOG_MIN_HEIGHT, CLS_RTE_RES_HANDLE, CLS_RTE_RES_EAST, CLS_RTE_IMAGE, CLS_RESIZE, CLS_IMG_FOCUS, CLS_RTE_DRAG_IMAGE, CLS_RTE_UPLOAD_POPUP, CLS_POPUP_OPEN, CLS_IMG_RESIZE, CLS_DROPAREA, CLS_IMG_INNER, CLS_UPLOAD_FILES, CLS_RTE_DIALOG_UPLOAD, CLS_RTE_RES_CNT, CLS_CUSTOM_TILE, CLS_NOCOLOR_ITEM, CLS_TABLE, CLS_TABLE_BORDER, CLS_RTE_TABLE_RESIZE, CLS_RTE_FIXED_TB_EXPAND, CLS_RTE_TB_ENABLED, getIndex, hasClass, getDropDownValue, isIDevice, getFormattedFontSize, pageYOffset, getTooltipText, setToolbarStatus, getCollection, getTBarItemsIndex, updateUndoRedoStatus, dispatchEvent, parseHtml, getTextNodesUnder, toObjectLowerCase, getEditValue, updateTextNode, getDefaultValue, isEditableValueEmpty, decode, sanitizeHelper, convertToBlob, getLocaleFontFormat, updateDropDownFontFormatLocale, ServiceLocator, RendererFactory, EditorManager, IMAGE, TABLE, LINK, INSERT_ROW, INSERT_COLUMN, DELETEROW, DELETECOLUMN, REMOVETABLE, TABLEHEADER, TABLE_VERTICAL_ALIGN, TABLE_MERGE, TABLE_VERTICAL_SPLIT, TABLE_HORIZONTAL_SPLIT, TABLE_MOVE, ALIGNMENT_TYPE, INDENT_TYPE, DEFAULT_TAG, BLOCK_TAGS, IGNORE_BLOCK_TAGS, TABLE_BLOCK_TAGS, SELECTION_TYPE, INSERTHTML_TYPE, INSERT_TEXT_TYPE, CLEAR_TYPE, CLASS_IMAGE_RIGHT, CLASS_IMAGE_LEFT, CLASS_IMAGE_CENTER, CLASS_IMAGE_BREAK, CLASS_CAPTION, CLASS_RTE_CAPTION, CLASS_CAPTION_INLINE, CLASS_IMAGE_INLINE, Lists, markerClassName, DOMNode, Alignments, Indents, Formats, LinkCommand, InsertMethods, InsertTextExec, InsertHtmlExec, InsertHtml, IsFormatted, MsWordPaste, NodeCutter, ImageCommand, SelectionCommands, SelectionBasedExec, ClearFormatExec, UndoRedoManager, TableCommand, statusCollection, ToolbarStatus, NodeSelection, MarkdownParser, LISTS_COMMAND, selectionCommand, LINK_COMMAND, CLEAR_COMMAND, MD_TABLE, ClearFormat, MDLists, MDFormats, MarkdownSelection, UndoRedoCommands, MDSelectionFormats, MDLink, MDTable, markdownFormatTags, markdownSelectionTags, markdownListsTags, htmlKeyConfig, markdownKeyConfig, pasteCleanupGroupingTags, listConversionFilters, selfClosingTags, KEY_DOWN, ACTION, FORMAT_TYPE, KEY_DOWN_HANDLER, LIST_TYPE, KEY_UP_HANDLER, KEY_UP, MODEL_CHANGED_PLUGIN, MODEL_CHANGED, MS_WORD_CLEANUP_PLUGIN, MS_WORD_CLEANUP, ON_BEGIN, SPACE_ACTION };
 //# sourceMappingURL=ej2-richtexteditor.es2015.js.map