@syncfusion/ej2-richtexteditor 23.2.7 → 24.1.41-569421

package/src/rich-text-editor/actions/keyboard-model.d.ts

@@ -1,4 +1,4 @@
-import { Property, NotifyPropertyChanges, INotifyPropertyChanged, Event } from '@syncfusion/ej2-base';import { Base, EmitType } from '@syncfusion/ej2-base';import { KeyboardEventsModel } from '@syncfusion/ej2-base';
+import { Property, NotifyPropertyChanges, INotifyPropertyChanged, Event } from '@syncfusion/ej2-base';
 import {KeyboardEventArgs} from "./keyboard";
 
 /**
@@ -7,24 +7,24 @@ import {KeyboardEventArgs} from "./keyboard";
 export interface KeyboardEventsModel {
 
     /**
-     * Specifies key combination and it respective action name.
-     *
-     * @default null
-     */
-    keyConfigs?: { [key: string]: string };
+     * Specifies key combination and it respective action name.
+     *
+     * @default null
+     */
+    keyConfigs?: { [key: string]: string };
 
     /**
-     * Specifies on which event keyboardEvents class should listen for key press. For ex., `keyup`, `keydown` or `keypress`
-     *
-     * @default 'keyup'
-     */
-    eventName?: string;
+     * Specifies on which event keyboardEvents class should listen for key press. For ex., `keyup`, `keydown` or `keypress`
+     *
+     * @default 'keyup'
+     */
+    eventName?: string;
 
     /**
-     * Specifies the listener when keyboard actions is performed.
-     *
-     * @event 'keyAction'
-     */
-    keyAction?: EmitType<KeyboardEventArgs>;
+     * Specifies the listener when keyboard actions is performed.
+     *
+     * @event 'keyAction'
+     */
+    keyAction?: EmitType<KeyboardEventArgs>;
 
 }

package/src/rich-text-editor/actions/keyboard.d.ts

@@ -27,7 +27,7 @@ export interface KeyboardEventArgs extends KeyboardEvent {
  * ```
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class KeyboardEvents extends Base<HTMLElement> implements INotifyPropertyChanged {
     /**

package/src/rich-text-editor/actions/keyboard.js

@@ -1,22 +1,22 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 import { Property, NotifyPropertyChanges, Event } from '@syncfusion/ej2-base';
 import { Base } from '@syncfusion/ej2-base';
 var keyCode = {
@@ -65,7 +65,9 @@ var keyCode = {
     'singlequote': 222,
     ']': 221,
     '[': 219,
-    '=': 187
+    '=': 187,
+    '<': 188,
+    '>': 190
 };
 /**
  * KeyboardEvents class enables you to bind key action desired key combinations for ex., Ctrl+A, Delete, Alt+Space etc.
@@ -84,7 +86,7 @@ var keyCode = {
  * ```
  *
  * @hidden
-
+ * @deprecated
  */
 var KeyboardEvents = /** @class */ (function (_super) {
     __extends(KeyboardEvents, _super);

package/src/rich-text-editor/actions/markdown-editor.d.ts

@@ -19,7 +19,7 @@ export declare class MarkdownEditor {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     destroy(): void;
     private moduleDestroy;
@@ -37,7 +37,7 @@ export declare class MarkdownEditor {
      * @param {RichTextEditorModel} e - specifies the editor model
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     protected onPropertyChanged(e: {
         [key: string]: RichTextEditorModel;

package/src/rich-text-editor/actions/markdown-editor.js

@@ -22,7 +22,7 @@ var MarkdownEditor = /** @class */ (function () {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     MarkdownEditor.prototype.destroy = function () {
         if (isNullOrUndefined(this.parent)) {
@@ -74,7 +74,9 @@ var MarkdownEditor = /** @class */ (function () {
     MarkdownEditor.prototype.onToolbarClick = function (args) {
         var item = args.item;
         var textArea = this.parent.contentModule.getEditPanel();
-        textArea.focus();
+        if (item.command !== 'Formats') {
+            textArea.focus();
+        }
         var startOffset = textArea.selectionStart;
         var endOffset = textArea.selectionEnd;
         var text = textArea.value.substring(startOffset, endOffset);
@@ -147,7 +149,7 @@ var MarkdownEditor = /** @class */ (function () {
      * @param {RichTextEditorModel} e - specifies the editor model
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     MarkdownEditor.prototype.onPropertyChanged = function (e) {
         // On property code change here

package/src/rich-text-editor/actions/paste-clean-up.d.ts

@@ -46,7 +46,7 @@ export declare class PasteCleanup {
      * @param {Element []} imgElement - specifies the array elements.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     private imageFormatting;
     private radioRender;
@@ -55,6 +55,7 @@ export declare class PasteCleanup {
     private updateCss;
     private setCssClass;
     private destroyDialog;
+    private docClick;
     private cleanAppleClass;
     private formatting;
     private cropImageHandler;
@@ -64,6 +65,8 @@ export declare class PasteCleanup {
     private removeTempClass;
     private sanitizeHelper;
     private plainFormatting;
+    private removingComments;
+    private reframeToBrContent;
     private getTextContent;
     private detachInlineElements;
     private findDetachEmptyElem;
@@ -73,6 +76,8 @@ export declare class PasteCleanup {
     private deniedTags;
     private deniedAttributes;
     private allowedStyle;
+    private findLastElement;
+    private processPictureElement;
     /**
      * For internal use only - Get the module name.
      *

package/src/rich-text-editor/actions/paste-clean-up.js

@@ -2,7 +2,7 @@ import * as events from '../base/constant';
 import { Popup } from '@syncfusion/ej2-popups';
 import { RadioButton } from '@syncfusion/ej2-buttons';
 import { isNullOrUndefined as isNOU, isNullOrUndefined, detach, extend, addClass, removeClass } from '@syncfusion/ej2-base';
-import { getUniqueID, Browser } from '@syncfusion/ej2-base';
+import { getUniqueID, Browser, closest } from '@syncfusion/ej2-base';
 import { CLS_RTE_PASTE_KEEP_FORMAT, CLS_RTE_PASTE_REMOVE_FORMAT, CLS_RTE_PASTE_PLAIN_FORMAT } from '../base/classes';
 import { CLS_RTE_PASTE_OK, CLS_RTE_PASTE_CANCEL, CLS_RTE_DIALOG_MIN_HEIGHT } from '../base/classes';
 import { CLS_RTE_IMAGE, CLS_IMGINLINE, CLS_IMGBREAK } from '../base/classes';
@@ -46,6 +46,7 @@ var PasteCleanup = /** @class */ (function () {
         this.parent.on(events.pasteClean, this.pasteClean, this);
         this.parent.on(events.bindCssClass, this.setCssClass, this);
         this.parent.on(events.destroy, this.destroy, this);
+        this.parent.on(events.docClick, this.docClick, this);
     };
     PasteCleanup.prototype.destroy = function () {
         this.removeEventListener();
@@ -57,6 +58,7 @@ var PasteCleanup = /** @class */ (function () {
         this.parent.off(events.pasteClean, this.pasteClean);
         this.parent.off(events.bindCssClass, this.setCssClass);
         this.parent.off(events.destroy, this.destroy);
+        this.parent.off(events.docClick, this.docClick);
     };
     PasteCleanup.prototype.pasteClean = function (e) {
         var _this = this;
@@ -66,6 +68,7 @@ var PasteCleanup = /** @class */ (function () {
             event: e
         };
         var value = null;
+        var isClipboardHTMLDataNull = false;
         var imageproperties;
         if (e.args && !isNOU(e.args.clipboardData)) {
             value = e.args.clipboardData.getData('text/html');
@@ -104,6 +107,7 @@ var PasteCleanup = /** @class */ (function () {
                     var divElement = this.parent.createElement('div');
                     divElement.innerHTML = this.splitBreakLine(value);
                     value = divElement.innerHTML;
+                    isClipboardHTMLDataNull = true;
                 }
             }
             else if (value.length > 0) {
@@ -111,7 +115,8 @@ var PasteCleanup = /** @class */ (function () {
                     args: e.args,
                     text: e.text,
                     allowedStylePropertiesArray: this.parent.pasteCleanupSettings.allowedStyleProps,
-                    callBack: function (a, cropImageData) {
+                    callBack: function (a, cropImageData, pasteTableSource) {
+                        args.pasteTableSource = pasteTableSource;
                         value = a.trim();
                         _this.cropImageData = cropImageData;
                     }
@@ -123,12 +128,24 @@ var PasteCleanup = /** @class */ (function () {
             this.saveSelection = this.nodeSelectionObj.save(range, currentDocument);
             var tempDivElem = this.parent.createElement('div');
             tempDivElem.innerHTML = value;
+            var unsupportedImg = tempDivElem.querySelectorAll('.e-rte-image-unsupported');
+            for (var index = 0; index < unsupportedImg.length; index++) {
+                unsupportedImg[index].setAttribute('alt', this.i10n.getConstant('unsupportedImage'));
+                unsupportedImg[index].classList.remove('e-rte-image-unsupported');
+            }
+            value = tempDivElem.innerHTML;
             var isValueNotEmpty = tempDivElem.textContent !== '' || !isNOU(tempDivElem.querySelector('img')) ||
                 !isNOU(tempDivElem.querySelector('table'));
+            this.parent.notify(events.cleanupResizeElements, {
+                value: value,
+                callBack: function (currentValue) {
+                    value = currentValue;
+                }
+            });
             if (this.parent.pasteCleanupSettings.prompt) {
                 if (isValueNotEmpty) {
                     e.args.preventDefault();
-                    this.pasteDialog(value, args);
+                    this.pasteDialog(value, args, isClipboardHTMLDataNull);
                 }
                 else if (Browser.userAgent.indexOf('Firefox') !== -1 && isNOU(file)) {
                     this.fireFoxImageUpload();
@@ -140,7 +157,7 @@ var PasteCleanup = /** @class */ (function () {
             }
             else if (this.parent.pasteCleanupSettings.plainText) {
                 e.args.preventDefault();
-                this.plainFormatting(value, args);
+                this.plainFormatting(value, args, isClipboardHTMLDataNull);
             }
             else if (this.parent.pasteCleanupSettings.keepFormat) {
                 e.args.preventDefault();
@@ -182,13 +199,17 @@ var PasteCleanup = /** @class */ (function () {
     PasteCleanup.prototype.splitBreakLine = function (value) {
         var enterSplitText = value.split('\n');
         var contentInnerElem = '';
+        var startNode = this.parent.enterKey === 'P' ? '<p>' : (this.parent.enterKey === 'DIV' ? '<div>' : '');
+        var endNode = this.parent.enterKey === 'P' ? '</p>' : (this.parent.enterKey === 'DIV' ? '</div>' : '<br>');
         for (var i = 0; i < enterSplitText.length; i++) {
             if (enterSplitText[i].trim() === '') {
                 contentInnerElem += getDefaultValue(this.parent);
             }
             else {
                 var contentWithSpace = this.makeSpace(enterSplitText[i]);
-                contentInnerElem += '<p>' + contentWithSpace.trim() + '</p>';
+                contentInnerElem += (i === 0 && this.parent.enterKey !== 'BR' ? '<span>' : startNode) +
+                    (contentWithSpace.trim() === '' ? '<br>' : contentWithSpace.trim()) +
+                    (enterSplitText.length - 1 === i && this.parent.enterKey === 'BR' ? '' : (i === 0 && this.parent.enterKey !== 'BR' ? '</span>' : endNode));
             }
         }
         return contentInnerElem;
@@ -398,7 +419,9 @@ var PasteCleanup = /** @class */ (function () {
         });
         popupObj.close();
         imgElem.style.opacity = '1';
-        uploadObj.destroy();
+        if (!uploadObj.isDestroyed) {
+            uploadObj.destroy();
+        }
         this.toolbarEnableDisable(false);
     };
     PasteCleanup.prototype.refreshPopup = function (imageElement, popupObj) {
@@ -443,7 +466,7 @@ var PasteCleanup = /** @class */ (function () {
      * @param {Element []} imgElement - specifies the array elements.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     PasteCleanup.prototype.imageFormatting = function (pasteArgs, imgElement) {
         if (!isNOU(imgElement.elements[0].getAttribute('src'))) {
@@ -457,10 +480,10 @@ var PasteCleanup = /** @class */ (function () {
         var range = this.nodeSelectionObj.getRange(currentDocument);
         this.saveSelection = this.nodeSelectionObj.save(range, currentDocument);
         if (this.parent.pasteCleanupSettings.prompt) {
-            this.pasteDialog(imageValue, pasteArgs);
+            this.pasteDialog(imageValue, pasteArgs, false);
         }
         else if (this.parent.pasteCleanupSettings.plainText) {
-            this.plainFormatting(imageValue, pasteArgs);
+            this.plainFormatting(imageValue, pasteArgs, false);
         }
         else if (this.parent.pasteCleanupSettings.keepFormat) {
             this.formatting(imageValue, false, pasteArgs);
@@ -484,7 +507,7 @@ var PasteCleanup = /** @class */ (function () {
         var plainTextElement = this.parent.element.querySelector('#plainTextFormat');
         this.plainTextRadioButton.appendTo(plainTextElement);
     };
-    PasteCleanup.prototype.selectFormatting = function (value, args, keepChecked, cleanChecked) {
+    PasteCleanup.prototype.selectFormatting = function (value, args, keepChecked, cleanChecked, isClipboardHTMLDataNull) {
         if (keepChecked) {
             this.formatting(value, false, args);
         }
@@ -492,10 +515,10 @@ var PasteCleanup = /** @class */ (function () {
             this.formatting(value, true, args);
         }
         else {
-            this.plainFormatting(value, args);
+            this.plainFormatting(value, args, isClipboardHTMLDataNull);
         }
     };
-    PasteCleanup.prototype.pasteDialog = function (value, args) {
+    PasteCleanup.prototype.pasteDialog = function (value, args, isClipboardHTMLDataNull) {
         var _this = this;
         var isHeight = false;
         var preRTEHeight = this.parent.height;
@@ -512,7 +535,7 @@ var PasteCleanup = /** @class */ (function () {
                             var argument = _this.dialogObj;
                             _this.dialogRenderObj.close(argument);
                             _this.dialogObj.destroy();
-                            _this.selectFormatting(value, args, keepChecked, cleanChecked);
+                            _this.selectFormatting(value, args, keepChecked, cleanChecked, isClipboardHTMLDataNull);
                         }
                     },
                     buttonModel: {
@@ -549,7 +572,7 @@ var PasteCleanup = /** @class */ (function () {
             width: '300px',
             height: '265px',
             cssClass: CLS_RTE_DIALOG_MIN_HEIGHT,
-            isModal: true,
+            isModal: Browser.isDevice,
             visible: false
         };
         this.dialogObj = this.dialogRenderObj.render(dialogModel);
@@ -573,7 +596,7 @@ var PasteCleanup = /** @class */ (function () {
             isHeight = true;
         }
         this.dialogObj.show();
-        this.setCssClass({ cssClass: this.parent.cssClass });
+        this.setCssClass({ cssClass: this.parent.getCssClass() });
     };
     PasteCleanup.prototype.updateCss = function (currentObj, e) {
         if (currentObj && e.cssClass) {
@@ -603,13 +626,22 @@ var PasteCleanup = /** @class */ (function () {
         this.updateCss(this.keepRadioButton, e);
     };
     PasteCleanup.prototype.destroyDialog = function (rteDialogWrapper) {
-        var rteDialogContainer = this.parent.element.querySelector('.e-dlg-container');
+        var rteDialogContainer = this.parent.element.querySelector('.e-rte-dialog-minheight');
         detach(rteDialogContainer);
         var rteDialogWrapperChildLength = rteDialogWrapper.children.length;
         for (var i = 0; i < rteDialogWrapperChildLength; i++) {
             detach(rteDialogWrapper.children[0]);
         }
     };
+    PasteCleanup.prototype.docClick = function (e) {
+        var target = e.args.target;
+        if (target && target.classList && ((this.dialogObj && !closest(target, '[id=' + "'" + this.dialogObj.element.id + "'" + ']')))
+            && (!target.classList.contains('e-toolbar-item'))) {
+            if (this.dialogObj) {
+                this.dialogObj.hide();
+            }
+        }
+    };
     PasteCleanup.prototype.cleanAppleClass = function (elem) {
         var appleClassElem = elem.querySelectorAll('br.Apple-interchange-newline');
         for (var i = 0; i < appleClassElem.length; i++) {
@@ -647,6 +679,9 @@ var PasteCleanup = /** @class */ (function () {
             this.setImageProperties(allImg[i]);
         }
         this.addTempClass(clipBoardElem);
+        if (clipBoardElem.querySelectorAll('picture').length > 0) {
+            this.processPictureElement(clipBoardElem);
+        }
         if (clipBoardElem.textContent !== '' || !isNOU(clipBoardElem.querySelector('img')) ||
             !isNOU(clipBoardElem.querySelector('table'))) {
             var tempWrapperElem = this.parent.createElement('div');
@@ -678,11 +713,26 @@ var PasteCleanup = /** @class */ (function () {
                 }
             }
             this.parent.trigger(events.afterPasteCleanup, { value: clipBoardElem.innerHTML, filesData: filesData }, function (updatedArgs) { value = updatedArgs.value; });
-            clipBoardElem.innerHTML = value;
-            clipBoardElem = this.addTableClass(clipBoardElem);
+            clipBoardElem.innerHTML = this.parent.addAnchorAriaLabel(value);
+            clipBoardElem = this.addTableClass(clipBoardElem, args.pasteTableSource);
             this.parent.formatter.editorManager.execCommand('inserthtml', 'pasteCleanup', args, function (returnArgs) {
                 extend(args, { elements: returnArgs.elements, imageElements: returnArgs.imgElem }, true);
                 _this.parent.formatter.onSuccess(_this.parent, args);
+                if (!isNOU(returnArgs.elements) && !isNOU(returnArgs.imgElem) &&
+                    returnArgs.imgElem.length > 0) {
+                    var pasteContent = returnArgs.elements;
+                    var imageContent = returnArgs.imgElem;
+                    var lastElementChild = _this.findLastElement(pasteContent[pasteContent.length - 1]);
+                    var isImageAtLast = !isNOU(lastElementChild) ? lastElementChild.nodeName === 'IMG' : false;
+                    if (isImageAtLast || pasteContent[pasteContent.length - 1] === imageContent[imageContent.length - 1]) {
+                        _this.parent.notify(events.insertCompleted, {
+                            args: args.event,
+                            type: 'Images',
+                            isNotify: true,
+                            elements: imageContent[imageContent.length - 1]
+                        });
+                    }
+                }
             }, clipBoardElem, null, null, this.parent.enterKey);
             this.removeTempClass();
             this.parent.notify(events.toolbarRefresh, {});
@@ -737,12 +787,16 @@ var PasteCleanup = /** @class */ (function () {
             }
         }
     };
-    PasteCleanup.prototype.addTableClass = function (element) {
+    PasteCleanup.prototype.addTableClass = function (element, source) {
+        source = isNOU(source) ? '' : source;
         var tableElement = element.querySelectorAll('table');
         for (var i = 0; i < tableElement.length; i++) {
-            if (!tableElement[i].classList.contains('e-rte-table')) {
+            if (!tableElement[i].classList.contains('e-rte-table') && (source === 'html' || source === '')) {
                 tableElement[i].classList.add('e-rte-table');
             }
+            else if (source && source !== 'html') {
+                tableElement[i].classList.add('e-rte-paste-' + source + '-table');
+            }
         }
         return element;
     };
@@ -786,7 +840,7 @@ var PasteCleanup = /** @class */ (function () {
         return value;
     };
     //Plain Formatting
-    PasteCleanup.prototype.plainFormatting = function (value, args) {
+    PasteCleanup.prototype.plainFormatting = function (value, args, isClipboardHTMLDataNull) {
         var _this = this;
         var clipBoardElem = this.parent.createElement('div', { className: 'pasteContent', styles: 'display:inline;' });
         clipBoardElem.innerHTML = value;
@@ -824,6 +878,13 @@ var PasteCleanup = /** @class */ (function () {
             this.saveSelection.restore();
             clipBoardElem.innerHTML = this.sanitizeHelper(clipBoardElem.innerHTML);
             this.addTempClass(clipBoardElem);
+            this.removingComments(clipBoardElem);
+            if (this.parent.enterKey === 'BR' && !isClipboardHTMLDataNull) {
+                clipBoardElem = this.reframeToBrContent(clipBoardElem);
+            }
+            else if (this.parent.enterKey === 'DIV') {
+                clipBoardElem.innerHTML = clipBoardElem.innerHTML.replace(/<p class="pasteContent_RTE">/g, '<div>').replace(/<\/p>/g, '</div>');
+            }
             this.parent.trigger(events.afterPasteCleanup, { value: clipBoardElem.innerHTML, filesData: null }, function (updatedArgs) { value = updatedArgs.value; });
             clipBoardElem.innerHTML = value;
             this.parent.formatter.editorManager.execCommand('inserthtml', 'pasteCleanup', args, function (returnArgs) {
@@ -838,6 +899,41 @@ var PasteCleanup = /** @class */ (function () {
             this.parent.formatter.onSuccess(this.parent, args);
         }
     };
+    PasteCleanup.prototype.removingComments = function (elm) {
+        var innerElement = elm.innerHTML;
+        innerElement = innerElement.replace(/<!--[\s\S]*?-->/g, '');
+        elm.innerHTML = innerElement;
+    };
+    PasteCleanup.prototype.reframeToBrContent = function (clipBoardElem) {
+        var newClipBoardElem = this.parent.createElement('div', { className: 'pasteContent', styles: 'display:inline;' });
+        while (!isNOU(clipBoardElem.firstChild)) {
+            var brElem = this.parent.createElement('br');
+            var currentFirstChild = clipBoardElem.firstChild;
+            if (currentFirstChild.nodeName === '#text') {
+                var isNextSibPresent = !isNOU(currentFirstChild.nextSibling);
+                newClipBoardElem.appendChild(currentFirstChild);
+                if (isNextSibPresent) {
+                    newClipBoardElem.appendChild(brElem);
+                }
+            }
+            else {
+                var isCurrentNodeBRElm = currentFirstChild.nodeName === 'BR';
+                if (isCurrentNodeBRElm) {
+                    newClipBoardElem.appendChild(currentFirstChild);
+                }
+                else {
+                    newClipBoardElem.appendChild(currentFirstChild.childNodes[0]);
+                }
+                if (!isNOU(currentFirstChild) && !isNOU(currentFirstChild.nextSibling)) {
+                    newClipBoardElem.appendChild(brElem);
+                }
+                if (!isCurrentNodeBRElm && !isNOU(currentFirstChild)) {
+                    detach(currentFirstChild);
+                }
+            }
+        }
+        return newClipBoardElem;
+    };
     PasteCleanup.prototype.getTextContent = function (clipBoardElem) {
         for (var i = 0; i < this.blockNode.length; i++) {
             var inElem = clipBoardElem.querySelectorAll(this.blockNode[i]);
@@ -885,14 +981,16 @@ var PasteCleanup = /** @class */ (function () {
         for (var i = 0; i < this.inlineNode.length; i++) {
             var inElem = clipBoardElem.querySelectorAll(this.inlineNode[i]);
             for (var j = 0; j < inElem.length; j++) {
-                var parElem = void 0;
-                for (var k = 0; k < inElem[j].childNodes.length; k++) {
-                    parElem = inElem[j].childNodes[k].parentElement;
-                    inElem[j].childNodes[k].parentElement.parentElement.insertBefore(inElem[j].childNodes[k], inElem[j].childNodes[k].parentElement);
-                    k--;
-                }
-                if (!isNOU(parElem)) {
-                    detach(parElem);
+                if (!(inElem[j] === clipBoardElem.firstChild && inElem[j].nodeName === 'SPAN')) {
+                    var parElem = void 0;
+                    for (var k = 0; k < inElem[j].childNodes.length; k++) {
+                        parElem = inElem[j].childNodes[k].parentElement;
+                        inElem[j].childNodes[k].parentElement.parentElement.insertBefore(inElem[j].childNodes[k], inElem[j].childNodes[k].parentElement);
+                        k--;
+                    }
+                    if (!isNOU(parElem)) {
+                        detach(parElem);
+                    }
                 }
             }
         }
@@ -1033,6 +1131,36 @@ var PasteCleanup = /** @class */ (function () {
         }
         return clipBoardElem;
     };
+    PasteCleanup.prototype.findLastElement = function (element) {
+        if (!isNOU(element) && !isNOU(element.lastElementChild)) {
+            var lastChild = element.lastElementChild;
+            while (lastChild && lastChild.lastElementChild) {
+                lastChild = lastChild.lastElementChild;
+            }
+            return lastChild;
+        }
+        return null;
+    };
+    PasteCleanup.prototype.processPictureElement = function (clipBoardElem) {
+        var pictureElems = clipBoardElem.querySelectorAll('picture');
+        for (var i = 0; i < pictureElems.length; i++) {
+            var imgElem = pictureElems[i].querySelector('img');
+            var sourceElems = pictureElems[i].querySelectorAll('source');
+            if (imgElem && imgElem.getAttribute('src')) {
+                var srcValue = imgElem.getAttribute('src');
+                var url = new URL(srcValue);
+                for (var j = 0; j < sourceElems.length; j++) {
+                    var srcset = sourceElems[j].getAttribute('srcset');
+                    if (srcset) {
+                        if (srcset.indexOf('http') === -1) {
+                            var fullPath = url.origin + srcset;
+                            sourceElems[j].setAttribute('srcset', fullPath);
+                        }
+                    }
+                }
+            }
+        }
+    };
     /**
      * For internal use only - Get the module name.
      *