Spell checker that works with CodeMirror?

[Si]

I'm wondering if anyone knows of a spell checker browser extension that works with the CodeMirror plugin? I've tried Grammerly to no avail.

[TW Tones]

Si,

I came across this in the past and created a simple alternative editor to open the same tiddler as a simple textarea to enable Grammarly. Its just a spell check process.

Tones

[Sebastián Ortega]

I did exactly that to get the standard browser spell checker.

To get this I created a new tiddler:

• named $:/custom/ui/EditTemplate/body/preview/spellcheck
• tagged with $:/tags/EditPreview
• field caption set to spell check
• content: <$edit-text class="tc-tiddler-frame"/>

Alternatively you can import the tiddler from the attached file.

And that's all.

[PMario]

Hi,

That's a very clever approach, since 3rd party libraries are always huge in size, since they need language specific dictionaries.

IMO we should ship this little tweak with the codemirror plugin, so it is available by default

-mario

[PMario]

I did create an issue: https://github.com/Jermolene/TiddlyWiki5/issues/5841 at github

-m

[S²]

Hello,

spell check is not working:

Regards

Stefan

[PMario]

Hi Stefan,

In your screenshot it works on the right side as expected. .. BUT it seems you switched to German language. With right-click : Sprachen you should get a selector, to select the language.

If there is no selector, you'll need to install a new dictionary. see: "Wörterbücher hinzufügen" .. I'm using: "British English Dictionary (Marco Pinto)" and  "German dictionary (de_DE)"

have fun!

-mario

[PMario]

Uuups, I didn't read the text in the screenshot.

It is a spell-checker and not a grammar checker. I don't know if there is a plugin, that also checks for the grammar.

-m

[Si]

Hi Tones, mehequeda

Thanks a lot - I had seen that method suggested by Jeremy in an older thread relating to this topic. @mehequeda I really appreciate you providing instructions - thank you!

In general though I was hoping to find a browser extension that could look directly into the CodeMirror text-box so I can see corrections while I am writing, but I will use that workaround if nothing comes up.

[TW Tones]

There seems to be a solution mentioned at the bottom of this thread https://stackoverflow.com/questions/12343922/codemirror-with-spell-checker

Unfortunately I do not know how to implement it, but it would be worth raising it on github, it looks it may be quite easy.

In CodeMirror 5.18.0 and above, you can set inputStyle: 'contenteditable' with spellcheck: true to be able to use your web browser's spellcheck features. For example:

var myTextArea = document.getElementById('my-text-area'); var editor = CodeMirror.fromTextArea(myTextArea, { inputStyle: 'contenteditable', spellcheck: true, });

The relevant commits that made this solution possible are:

• Make inputStyle an option, move relevant logic into TextareaInput (CodeMirror 5.0.0, February 2015)
• Add experimental spellcheck option (CodeMirror 5.18.0, August 2016)

Regards

Tones

[Si]

@mehequeda

Somewhat off-topic but I noticed that you have a CamelCase link there. I've been pondering using them lately so I wondered if you use them for all your titles, and if so why did you choose to use CamelCase over Space Case?

[PMario]

On Thursday, July 1, 2021 at 3:28:11 PM UTC+2 TW Tones wrote:

There seems to be a solution mentioned at the bottom of this thread https://stackoverflow.com/questions/12343922/codemirror-with-spell-checker

It needs a 700kByte dictionary for English alone. As I wrote, the biggest problems with these spell checkers is size.

-mario

[Scott Kingery]

Thanks for posting this. Works great with the standard editor and Grammarly browser extension.  

 

[TW Tones]

Mehequeda, Scot et al, thanks for sharing.

I think the solution would be well served if 

• a wiki with code mirror allowed a full tiddler text editor, using a non-preview method "as well"
• I have always felt it would be nice to get preview to open either side of the source and or above or below
  • This seems ever more relevant if we have a reason to show two editors at once. 
  • Perhaps the preview in a vertical arrangement would mean you can have more than one preview and editor open at a time , changing previews to checkboxes rather than radio selections.

I may have a go while I squirrel this solution away for later. 

Thanks all

Tones

[PMario]

On Friday, July 2, 2021 at 1:29:07 AM UTC+2 Scott Kingery wrote:

Thanks for posting this. Works great with the standard editor and Grammarly browser extension.  

There are 2 problems I see with tools like this.

a) you need to be always online

b) You need to create an account and every word you type will be sent to their server.

I personally have a privacy issue here. TiddlyWiki is a tool that lets you own your data. I wouldn't want to connect it to a tool that spies on my data.

Just my opinion

-mario

[S²]

I’m with Mario – it’s a privacy issue…

Greetings
Stefan

[S²]

BTW: I would expect to see not correct spelled words in the output view.
I don't want to switch between 'output' and 'spell check'

Stefan

[TW Tones]

Mario

I assume then if you do not want to use an internet dictionary as you source of word checks then perhaps you need the aforementioned 700k of data that is a dictionary. Of course the browser allows us to download a dictionary to use the spall check, but grammar is another thing. Arguably it lends itself to a consolidated online database. So with privacy comes reduced functionality "as a rule" when that functionality comes from an on demand database that someone else curates.

In am keen to know what you think about this apparent issue?

Tones

[Carsten]

Need to correct my answer from before. The Solution provided by mehequeda (https://groups.google.com/g/tiddlywiki/c/PwoBZHggN2s/m/ojOUnblkAQAJ) works fine with LanguageTool. After you open the spell check preview, click into the field and the spellcheck will work.

[PMario]

On Sunday, July 4, 2021 at 1:26:21 PM UTC+2 TW Tones wrote:

I assume then if you do not want to use an internet dictionary as you source of word checks then perhaps you need the aforementioned 700k of data that is a dictionary.

No. I'm perfectly fine with the "Spell Check" preview option, using the browser built-in dictionaries. ... Since I can install different versions, I can freely switch between them, without adding bloat to the wiki.

 

Of course the browser allows us to download a dictionary to use the spall check, but grammar is another thing. Arguably it lends itself to a consolidated online database. So with privacy comes reduced functionality "as a rule" when that functionality comes from an on demand database that someone else curates.

I think: If something is free, I am the product. I'm very sceptic to send personal content for grammar checking to a 3rd party server where non-European legislative applies.

 

In am keen to know what you think about this apparent issue?

I'm pretty sure, that I'm not the first one with privacy concerns. I'm pretty sure, that someone else did publish an open-source solution, that I could use.

If I really need grammar checking I would search for an open-source project, that provides some docker images, that I can build - test and tweak for my own purposes. Then I would try to find the source for a browser addOn that I can configure or tweak to connect to my own server.

I would probably have a closer look at: LanguageTool. I didn't fully reat their privacy statement yet, so I don't know, if I would trust them or not. But it looks interesting. Especially since I did find some docker related stuff already.

-mario

[TW Tones]

Mario,

Thanks for the response. It is important for me to understand because you come from a stricter privacy approach than myself.

Regards

Tones