Spellchecker language

[Akirami]

Hi,

I'm using vue-simpleMDE for my project and i found your package, i'm interested by it and happy to know that someone continue the work.

So i would like to know if you've found a way to integrate spellchecker in other language than english, if not i'll do it in the next week / month (pass option to typo.js, search for common dictionnaries in other language, integrate it in SimpleMDE / InscrybMDE).

Let me know if you are interested and like tou see i really need a spellchecker ;) (i'm french)

Also, it would be a great thing if you could briefly summarize the change you made to SimpleMDE.

Thanks.

[CWharton]

Right now the project is using codemirror-spell-checker for spell checking, another project by sparksuite. I like the idea of moving to standardized dictionaries. If typo.js is currently maintained then I think it would be a great move. I would love a PR if you find the time.

As far as changes, I have updated the libraries due to security issues and added Font Awesome 5 support. Nothing really big yet. I have noticed a few bugs and feature that I plan to implement in the near future.

[Akirami]

I saw codemirror-spell-checker and there is no option to select a different language than en_US, it need many rewrite.

I've make test this night with the use of codemirror-typo instead of codemirror-spell-checker and it work,

in simplemde.js

var codeMirrorTypo = require("codemirror-typo");
//--- add en replace at line 1466 //
var mode, backdrop;
    /*if(options.spellChecker !== false) {
        mode = "spell-checker";
        backdrop = options.parsingConfig;
        backdrop.name = "gfm";
        backdrop.gitHubSpice = false;

        CodeMirrorSpellChecker({
            codeMirrorInstance: CodeMirror
        });
    } else {
        mode = options.parsingConfig;
        mode.name = "gfm";
        mode.gitHubSpice = false;
    }*/

    // Find language options
    if (options.isSpellCheck !== false) {
        mode = "spell-checker";
        backdrop = options.parsingConfig;
        backdrop.name = "gfm";
        backdrop.gitHubSpice = false;
    } else {
        mode = options.parsingConfig;
        mode.name = "gfm";
        mode.gitHubSpice = false;
    }   

    this.codemirror = CodeMirror.fromTextArea(el, {
        mode: mode,
        backdrop: backdrop,
        theme: "paper",
        tabSize: (options.tabSize != undefined) ? options.tabSize : 2,
        indentUnit: (options.tabSize != undefined) ? options.tabSize : 2,
        indentWithTabs: (options.indentWithTabs === false) ? false : true,
        lineNumbers: false,
        autofocus: (options.autofocus === true) ? true : false,
        extraKeys: keyMaps,
        lineWrapping: (options.lineWrapping === false) ? false : true,
        allowDropFileTypes: ["text/plain"],
        placeholder: options.placeholder || el.getAttribute("placeholder") || "",
        styleSelectedText: (options.styleSelectedText != undefined) ? options.styleSelectedText : true
    }); 
    if (options.isSpellCheck !== false) {
        codeMirrorTypo(this.codemirror, options.spellCheckerLang.lang, options.spellCheckerLang.path);
    }

And in simplemde configs, only add:

configs: {
  autofocus: true,
  forceSync: true,
  ...,
  spellChecker: false,
  isSpellCheck: true,
  spellCheckerLang: {
    lang: 'fr_FR',
    path: 'path/to/dictionary/fr_FR/'
  }

It's just a work around and i notice some problem, the dic is loaded every time the editor is called (XMLHttpRequest in codemirror-typo/typo-tools.js) and it make 2 second to scan every word (in dev mod), even with short text, i think it's maybe the gutter with the proposal word's replacement and maybe i need to disable this before continue.

I think I'll have time in the next days, so i continue but some help will be welcome ;)

[eutampieri]

I don't think spark suite-spell-check needs a lot of rewrite: I had made a PR a long time ago but it didn't go through. If you want to integrate my code it's on https://github.com/ETSoftware/codemirror-spell-checker. Also, it supports standard dicts.