f6fac6c4bc
Fix bin/publish: use correct .env path for rspade_system Fix bin/publish script: prevent grep exit code 1 from terminating script 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
51 lines
1.6 KiB
Markdown
Executable File
51 lines
1.6 KiB
Markdown
Executable File
# CodeMirror Spell Checker
|
|
Spell checking so simple, you can set up in 60 seconds. It will highlight any misspelled words in light red. Works great in conjunction with other CodeMirror modes, like GitHub Flavored Markdown.
|
|
|
|
[Demo](http://nextstepwebs.github.io/codemirror-spell-checker/)
|
|
|
|
|
|
|
|
## Install
|
|
|
|
Via [npm](https://www.npmjs.com/package/codemirror-spell-checker).
|
|
```
|
|
npm install codemirror-spell-checker --save
|
|
```
|
|
|
|
Via [bower](https://www.bower.io).
|
|
```
|
|
bower install codemirror-spell-checker --save
|
|
```
|
|
|
|
Via [jsDelivr](https://www.jsdelivr.com/projects/codemirror.spell-checker). *Please note, jsDelivr may take a few days to update to the latest release.*
|
|
|
|
```HTML
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/codemirror.spell-checker/latest/spell-checker.min.css">
|
|
<script src="https://cdn.jsdelivr.net/codemirror.spell-checker/latest/spell-checker.min.js"></script>
|
|
```
|
|
|
|
## Quick start
|
|
Once CodeMirror is installed and loaded, first provide CodeMirror Spell Checker with the correct CodeMirror function. Then, just set the primary mode to `"spell-checker"` and the backdrop mode to your desired mode. Be sure to load/require `overlay.min.js` if you haven't already.
|
|
|
|
```JS
|
|
CodeMirrorSpellChecker({
|
|
codeMirrorInstance: CodeMirror,
|
|
});
|
|
|
|
CodeMirror.fromTextArea(document.getElementById("textarea"), {
|
|
mode: "spell-checker",
|
|
backdrop: "gfm" // Your desired mode
|
|
});
|
|
```
|
|
|
|
That's it!
|
|
|
|
## Customizing
|
|
You can customize the misspelled word appearance by updating the CSS. All misspelled words will have the `.cm-spell-error` class.
|
|
|
|
```CSS
|
|
.CodeMirror .cm-spell-error{
|
|
/* Your styling here */
|
|
}
|
|
```
|