el-text-editor 0.0.74 → 0.0.76

package/fesm2020/el-text-editor.mjs

@@ -689,29 +689,21 @@ class ElTextEditorComponent {
     setupMutationObserver(editor) {
         const observer = new MutationObserver(() => {
             // Move the caret to the end after content changes
-            this.moveCaretToEnd(editor);
+            // this.moveCaretToEnd(editor);
             // Update model with the current content
             this.onModelChange(editor.innerHTML);
         });
         observer.observe(editor, { childList: true, subtree: true, characterData: true });
     }
     moveCaretToEnd(editor) {
-        // const selection = window.getSelection();
-        // const range = document.createRange();
-        // if (editor.lastChild) {
-        //   range.selectNodeContents(editor);
-        //   range.collapse(false); // Collapse to the end
-        //   selection?.removeAllRanges();
-        //   selection?.addRange(range);
-        // }
         const selection = window.getSelection();
-        if (selection?.rangeCount) {
-            const range = selection.getRangeAt(0);
-            if (editor.contains(range.commonAncestorContainer)) {
-                return range.cloneRange(); // Return the current caret range
-            }
+        const range = document.createRange();
+        if (editor.lastChild) {
+            range.selectNodeContents(editor);
+            range.collapse(false); // Collapse to the end
+            selection?.removeAllRanges();
+            selection?.addRange(range);
         }
-        return null;
     }
     //   init_Func(html: any) {
     //   if (html) {
@@ -909,7 +901,7 @@ class ElTextEditorComponent {
                     const imgWidth = img.width;
                     // If the image width exceeds the editor's width, fit it to the editor
                     const imgHTML = imgWidth > editorWidth
-                        ? `<img src="${img.src}" style="width: 100%; max-width: ${editorWidth}px; height: auto;">`
+                        ? `<img src="${img.src}" style="width: 100%; max-width: ${700}px; height: auto;">`
                         : `<img src="${img.src}" style="width: ${imgWidth}px; height: auto;">`;
                     this.newImageAdded.emit();
                     // Insert the image into the editor