New CodeMirror 6 TiddlyWiki5 plugin (2026)

265

Hi,

CM6 is modifying all the texts inputs (in tiddlers, in search input, …) and therefore has some impacts on the look of the site.

See for instance a tiddler in edit mode:

With CM6
( TiddlyWiki v5.4.0-prerelease — a non-linear personal web notebook:

New-Tiddler-CM6 - Copie
New-Tiddler-CM6 - Copie1530×403 32.6 KB

“Vanilla” TiddlyWiki
TiddlyWiki v5.3.8 — a non-linear personal web notebook

New-Tiddler - Copie
New-Tiddler - Copie1518×448 29.2 KB

BR,

Eskha

266

Hi @Eskha

This happens ONLY if the edit-text plugin is installed. You can simply not install it. It’s just a sub-plugin.

267

I cloned the git repo from GitHub into ~/mytiddlywikifolder/plugins and then updated the tiddlywiki.info file.
Is there another way for a node.js installation?

268

The only reason I wanted to try out CM6 was to finally have an integrated spellchecker (I am a terrible typist). I suppose the edit-text plugin is needed to achieve that goal. Or am I wrong?

269

I presume you mean with a codemirror (5) install because one can use the spell checker from the browser on any standard text field/the default editor

270

Hi @Stefano

note that the GitHub repo is out of date and the current state is in the “codemirror-6” branch of my TiddlyWiki5 fork

271

Thank you @BurningTreeC, this solves the issue.

272

@TW_Tones, yes sorry, that’s exactly what I meant: a spell-checker within CodeMirror

273

Hi @BurningTreeC,

I confess I am a bit lost within the number of tiddlywiki repos you have on GitHub. Which one is your Tiddlywiki fork? I couldn’t find any with a CM6 branch

274

image
image1635×890 79.5 KB

For some reason the “Default Tiddlers” textarea is being ‘codemirror6ified’ despite not having the Codemirror6 text plugin?

Is that the expected behavior cause it seems kind of odd to me.

Just let me know.

275

Not surprising to me that this is a text area, it could contain a long list.

276

Yes, but my understanding with only the base CodeMirror 6 plugin textareas should be left alone. If you want those to be fancy you are supposed to use this one as well:

image
image1370×778 54.8 KB

My screenshot I only have the base plugin installed on TW5 Empty Edition.

277

I think this is happening because the affected textareas use the $edit widget (i.e. the same widget used for the text editor in edit mode) rather than hard-coding $edit-text. I’m not sure it’s CM6’s fault so much as a peculiarity of that particular settings tab.

278

Hi @BurningTreeC I just want to let you know that I have noticed in a few of your readme’s in the various plugins, further down the text there is a mismatch between code wikitext and the rest of the content becomes red and un-wikified.

279

That’s fair, it just struck me as odd and wanted to raise a flag in case it wasn’t intended.

280

The link above (top of thread) goes to a wiki without the latest codemirror 6

I have been away for a little while and a talk.tiddlywiki search bares many false leads.

Again I need to request;

Updating the top post to indicate where we can find the latest version on a demo wiki would be appreciated

There would be value in adding to the title “2026 codemirror 6 release” to make it more obvious.

281

Here is the most recent demo site link I believe.

282

I would be grateful to anyone pointing me to the source code needed for a NodeJs installation.

283

Here you go, the plugin folders that start with “codemirror-6” are the available plugins.

284

Thanks @Xyvir for doing the research!

Yes these are the newest CodeMirror 6 plugins (by me)

the codemirror-6-editor is the base editor
the codemirror-6-lang-tiddlywiki is the extension that colors TiddlyWiki5 wikitext