Add spellcheck option to dis/enable spellchecking

antonmedv · Aug 7, 2020 · b410124 · b410124
1 parent 321725c
commit b410124
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -55,7 +55,8 @@ Third argument to `CodeJar` is options:
     - Note: use css rule `tab-size` to customize size.
   - `identOn: RegExp` allows auto indent rule to be customized. Default `{$`
     - Auto-tab if the text before cursor match the given regex while pressing Enter.
-
+  - `spellcheck: boolean` enables spellchecking on the editor. Default `false`
+
 
 ```js
 let options = {

diff --git a/codejar.ts b/codejar.ts
@@ -1,6 +1,7 @@
 type Options = {
   tab: string
   indentOn: RegExp
+  spellcheck: boolean
 }
 
 type HistoryRecord = {
@@ -20,6 +21,7 @@ export function CodeJar(editor: HTMLElement, highlight: (e: HTMLElement) => void
   const options: Options = {
     tab: "\t",
     indentOn: /{$/,
+    spellcheck: false,
     ...opt
   }
   let listeners: [string, any][] = []
@@ -31,7 +33,7 @@ export function CodeJar(editor: HTMLElement, highlight: (e: HTMLElement) => void
   let isFirefox = navigator.userAgent.toLowerCase().indexOf("firefox") > -1
 
   editor.setAttribute("contentEditable", isFirefox ? "true" : "plaintext-only")
-  editor.setAttribute("spellcheck", "false")
+  editor.setAttribute("spellcheck", options.spellcheck ? "true" : "false")
   editor.style.outline = "none"
   editor.style.overflowWrap = "break-word"
   editor.style.overflowY = "auto"