]> BookStack Code Mirror - bookstack/blobdiff - resources/assets/js/components/markdown-editor.js
Merge pull request #1098 from TheLastOperator/master
[bookstack] / resources / assets / js / components / markdown-editor.js
index 5688ebd61f3203b503ef2766233021368e334f98..6eba242d0c71e979d55c1d5bcbd38315a69375a9 100644 (file)
@@ -1,13 +1,14 @@
-const MarkdownIt = require("markdown-it");
-const mdTasksLists = require('markdown-it-task-lists');
-const code = require('../services/code');
+import MarkdownIt from "markdown-it";
+import mdTasksLists from 'markdown-it-task-lists';
+import code from '../services/code';
 
-const DrawIO = require('../services/drawio');
+import DrawIO from "../services/drawio";
 
 class MarkdownEditor {
 
     constructor(elem) {
         this.elem = elem;
+        this.textDirection = document.getElementById('page-editor').getAttribute('text-direction');
         this.markdown = new MarkdownIt({html: true});
         this.markdown.use(mdTasksLists, {label: true});
 
@@ -98,6 +99,9 @@ class MarkdownEditor {
 
     codeMirrorSetup() {
         let cm = this.cm;
+        // Text direction
+        // cm.setOption('direction', this.textDirection);
+        cm.setOption('direction', 'ltr'); // Will force to remain as ltr for now due to issues when HTML is in editor.
         // Custom key commands
         let metaKey = code.getMetaKey();
         const extraKeys = {};
@@ -395,37 +399,32 @@ class MarkdownEditor {
     }
 
     // Scroll to a specified text
-    scrollToText(searchText) {;
+    scrollToText(searchText) {
         if (!searchText) {
             return;
         }
+
         const content = this.cm.getValue();
         const lines = content.split(/\r?\n/);
-        let lineNumber = -1;
-        for (let i = 0; i !== lines.length; ++i) {
-            const line = lines[i];
-            if (!line) {
-                continue;
-            }
-            if (line.indexOf(searchText) !== -1) {
-                lineNumber = i;
-                break;
-            }
-        }
+        let lineNumber = lines.findIndex(line => {
+            return line && line.indexOf(searchText) !== -1;
+        });
 
-        if (lineNumber !== -1) {
-            this.cm.scrollIntoView({
-                line: lineNumber,
-            }, 200);
-            this.cm.focus();
-            // set the cursor location.
-            this.cm.setCursor({
-                line: lineNumber,
-                char: lines[lineNumber].length
-            })
+        if (lineNumber === -1) {
+            return;
         }
+
+        this.cm.scrollIntoView({
+            line: lineNumber,
+        }, 200);
+        this.cm.focus();
+        // set the cursor location.
+        this.cm.setCursor({
+            line: lineNumber,
+            char: lines[lineNumber].length
+        })
     }
 
 }
 
-module.exports = MarkdownEditor ;
\ No newline at end of file
+export default MarkdownEditor ;
\ No newline at end of file