New CodeMirror 6 TiddlyWiki5 plugin (2026)

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:

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

BR,

Eskha

Hi @Eskha

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

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?

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?

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

1 Like

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

Thank you @BurningTreeC, this solves the issue.

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

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

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.

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

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:

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

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.

2 Likes

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.

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

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.

Here is the most recent demo site link I believe.

1 Like

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

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

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

1 Like