Merge pull request #125 from mkslanc/cdn-example-fix

Fix: wrong mode init in readme
mkslanc · Jun 17, 2024 · 162da74 · 162da74
2 parents abb8e4f + f7c05ce
commit 162da74
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 19 deletions.
diff --git a/README.md b/README.md
@@ -82,11 +82,10 @@ LanguageProvider.create(worker, {functionality: {semanticTokens: true}})
 
 <script>
     ace.require("ace/ext/language_tools"); //To allow autocompletion
-    var CssMode = ace.require("ace/mode/css").Mode;
     var editor = ace.edit("editor", {
-        enableBasicAutocompletion: true,
-        enableLiveAutocompletion: true,
-        mode: new CssMode()
+      enableBasicAutocompletion: true,
+      enableLiveAutocompletion: true,
+      mode: "ace/mode/css"
     });
 
     var provider = LanguageProvider.fromCdn("https://www.unpkg.com/ace-linters@latest/build/");

diff --git a/packages/ace-linters/README.md b/packages/ace-linters/README.md
@@ -81,16 +81,15 @@ LanguageProvider.create(worker, {functionality: {semanticTokens: true}})
 <div id="editor" style="height: 100px">some text</div>
 
 <script>
-  ace.require("ace/ext/language_tools"); //To allow autocompletion
-  var CssMode = ace.require("ace/mode/css").Mode;
-  var editor = ace.edit("editor", {
-    enableBasicAutocompletion: true,
-    enableLiveAutocompletion: true,
-    mode: new CssMode()
-  });
-
-  var provider = LanguageProvider.fromCdn("https://www.unpkg.com/ace-linters@latest/build/");
-  provider.registerEditor(editor);
+    ace.require("ace/ext/language_tools"); //To allow autocompletion
+    var editor = ace.edit("editor", {
+      enableBasicAutocompletion: true,
+      enableLiveAutocompletion: true,
+      mode: "ace/mode/css"
+    });
+
+    var provider = LanguageProvider.fromCdn("https://www.unpkg.com/ace-linters@latest/build/");
+    provider.registerEditor(editor);
 </script>
 ```
 
@@ -110,14 +109,14 @@ import {AceLanguageClient} from "ace-linters/build/ace-language-client";
 
 // Create a web socket
 const serverData = {
-  module: () => import("ace-linters/build/language-client"),
-  modes: "json|json5",
-  type: "socket",
-  socket: new WebSocket("ws://127.0.0.1:3000/exampleServer"), // address of your websocket server
+    module: () => import("ace-linters/build/language-client"),
+    modes: "json|json5",
+    type: "socket",
+    socket: new WebSocket("ws://127.0.0.1:3000/exampleServer"), // address of your websocket server
 }
 // Create an Ace editor
 let editor = ace.edit("container", {
-  mode: new JSONMode() // Set the mode of the editor to JSON
+    mode: new JSONMode() // Set the mode of the editor to JSON
 });
 
 // Create a language provider for web socket