cm-md-editor 1.0.2 → 1.0.4

package/index.html

@@ -12,8 +12,6 @@
             height: calc(100vh - 4rem);
             padding: 0.7rem;
             font-family: monospace;
-            white-space: pre-wrap;
-            overflow-wrap: break-word;
             tab-size: 4;
             line-height: 1.3;
         }
@@ -39,8 +37,7 @@ This is a minimal **markdown editor** which is used in chessmail.de.
 	- easy to use
 	- fast
 
-☝️ [Check out the Demo page](https://shaack.com/projekte/cm-md-editor/)
-</textarea>
+☝️ [Check out the Demo page](https://shaack.com/projekte/cm-md-editor/)</textarea>
 </div>
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
         integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cm-md-editor",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "a simple markdown editor",
   "main": "index.js",
   "scripts": {

package/src/MdEditor.js

@@ -6,12 +6,11 @@ export class MdEditor {
 
     constructor(element) {
         this.element = element
-
-        // listen to typing
         this.element.addEventListener('keydown', (e) => this.handleKeyDown(e))
     }
 
     insertTextAtCursor(text) {
+        // execCommand is deprecated, but without alternative to insert text and preserve the correct undo/redo stack
         document.execCommand("insertText", false, text)
     }
 
@@ -64,16 +63,13 @@ export class MdEditor {
         const before = this.element.value.substring(0, start)
         const currentLine = before.substring(before.lastIndexOf('\n') + 1)
         const matchEmpty = currentLine.match(/^(\s*- )$/)
-        const match = currentLine.match(/^(\s*- )/)
-        if(matchEmpty) {
-            e.preventDefault()
+        const matchHyphen = currentLine.match(/^(\s*- )/)
+        if (matchEmpty) {
             const pre = matchEmpty[1]
-            this.element.selectionStart = before.lastIndexOf('\n') + 1
-            this.element.selectionEnd = this.element.selectionStart + pre.length
-            this.insertTextAtCursor('')
-        } else if (match) {
+            this.element.selectionStart = this.element.selectionEnd - pre.length - 1
+        } else if (matchHyphen) {
             e.preventDefault()
-            const pre = match[1]
+            const pre = matchHyphen[1]
             this.insertTextAtCursor('\n' + pre)
         }
     }