Editor Bugfix out of line and first char deletion

Author: bhasher

src/publics/js/dev/page/editor/editable.js

@@ -137,16 +137,18 @@ export default class Editable{
 
             const line = getNodeFromAttribute('uuid');
 
-            if(!line) return;
+            if(!line){
+                e.preventDefault();
+                temporaryCardAlert('Editor', 'Sorry, your action has been canceled because you are not on any line.', 5000);
+                return;
+            }
 
             if(!anchorParent.hasAttribute('uuid')
                 || !focusParent.hasAttribute('uuid')
                 || ((Caret.getBeginPosition(line) === 0
                     || Caret.getEndPosition(line) === 0)
                     ) && anchorParent !== focusParent){
-                e.preventDefault();
-                temporaryCardAlert('Override', 'Sorry, you can\'t override the first char of a line', 5000);
-                return;
+                Caret.setRangeStart(line, 1);
             }
 
             switch (e.keyCode) {
@@ -155,6 +157,11 @@ export default class Editable{
                     this.insertTab();
                     break;
                 case 13: // enter
+                    if(e.shiftKey){
+                        temporaryCardAlert('Shift+Enter', 'Please just use Enter to avoid any bugs.', 5000);
+                        e.preventDefault();
+                        return;
+                    }
                     if(this.keepSpace){
                         Debug.debug('Prevent action when trying to add new line (key is probably maintain).');
                         e.preventDefault();

src/publics/js/dev/utils/caret.js

@@ -67,6 +67,22 @@ export default class Caret{
         }
     }
 
+
+    /**
+     * Set the start range of the user caret on specified position in element or children
+     * @param {HTMLElement|Node} element
+     * @param {number} position
+     */
+    static setRangeStart(element, position) {
+        if (position >= 0) {
+            let selection = document.getSelection();
+
+            let range = Caret.createRange(element, {count: position});
+            selection.getRangeAt(0).setStart(range.endContainer, range.endOffset);
+
+        }
+    }
+
     /**
      * Get the position of the end of the user selection
      * Based on https://stackoverflow.com/a/4812022/11247647