code_editor/editor.js at main · amilali/code_editor · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
// loader
document.onreadystatechange = function() {
  if (document.readyState !== "complete") {
    document.querySelector("body").style.visibility = "hidden";
    document.querySelector("#loader").style.visibility = "visible";
  } else {
    setTimeout(function() {
      document.querySelector("#loader").style.display = "none";
      document.querySelector("body").style.visibility = "visible";
    }, 3000); // Delay of 2 seconds (2000 milliseconds)
  }
};


// loader
let editor1 = ace.edit("htmlcode");
let editor2 = ace.edit("csscode");
let editor3 = ace.edit("jscode");

let editorlib = {
    init() {
        editor2.setTheme("ace/theme/tomorrow_night_bright");
        editor2.session.setMode("ace/mode/css");

        editor3.setTheme("ace/theme/tomorrow_night_bright");
        editor3.session.setMode("ace/mode/javascript");

        editor1.setTheme("ace/theme/tomorrow_night_bright");
        editor1.session.setMode("ace/mode/html");

        editor1.setOptions({
          fontSize: "16pt",
          animatedScroll: true,
          enableEmmet: true,
          enableBasicAutocompletion: true,
          enableLiveAutocompletion: true,
          enableAutoIndent: true,
          enableSnippets: true,
          autoScrollEditorIntoView: true,
          useSpellcheck: true
        });
        editor2.setOptions({
            fontSize: "16pt",
            animatedScroll: true,
            enableEmmet: true,
            enableBasicAutocompletion: true,
            enableLiveAutocompletion: true,
            enableAutoIndent: true,
            enableSnippets: true,
            useSpellcheck: true
          });
          editor3.setOptions({
            fontSize: "16pt",
            animatedScroll: true,
            enableEmmet: true,
            enableBasicAutocompletion: true,
            enableLiveAutocompletion: true,
            enableAutoIndent: true,
            enableSnippets: true,
            useSpellcheck: true
          });


    }
}

editorlib.init();