New CodeMirror 6 TiddlyWiki5 plugin (2026)

This is only the prerelease with no codemirror

@BurningTreeC I am lost trying to find the latest version of your code mirror 6 on a demo-site where I can export the full plugin set for use on my single file wikis.

  • This link at the top of this Topic no longer includes the plugins

I got permission from @BurningTreeC to set up a temp demo site to host the plugins on an interim basis so he can focus on getting his repo & plugins to be included as an official plugin.

Here are the links:

https://is.gd/kcQwy6

Shortened version, full URL is:

https://xyvir.github.io/CM6_Demosite/#%24%3A%2Fplugins%2FBurningTreeC%2Fplugin-combiner%2Fui%2FControlPanel%2FPluginCombiner

2 Likes

I have updated the Top post with this link, and modified the title to specify 2026 to disambiguate @BurningTreeC @Xyvir

3 Likes

That’s a very helpful site. Thanks.

1 Like

I run tiddlywiki in nodejs mode. In order to test the CM6 plugin “safely” I downloaded and imported the base module Code Mirror 6 Editor into a git branch. That simple move actually broke my overall installation.
First, I got the following error after restarting (and still being in the new branch):

Error executing boot module $:/plugins/tiddlywiki/codemirror/addon/hint/css-hint.js: 
Cannot find module named '../../mode/css/css' 
required by module '$:/plugins/tiddlywiki/codemirror/addon/hint/css-hint.js', 
resolved to $:/plugins/tiddlywiki/codemirror/mode/css/css

on my Linux system, the allegedly missing module is installed at:

/usr/lib/node_modules/tiddlywiki/plugins/tiddlywiki/codemirror-mode-css/files/mode/css/css.js

Not wanting to mess with the problem, I quit tiddlywiki, deleted the branch, switched back to main and restarted it (I run TW as a systemctl service). Now the tiddlywiki won’t load, complaining that:

Error executing boot module $:/plugins/tiddlywiki/codemirror/addon/hint/css-hint.js: 
Cannot find module named '../../mode/css/css' required by module
 '$:/plugins/tiddlywiki/codemirror/addon/hint/css-hint.js', 
resolved to $:/plugins/tiddlywiki/codemirror/mode/css/css

undefined

As noted above, I do have that module installed in the node js tree.

How could things get so wrong, and how can I get my TW back?

UPDATE: I got my TW installation back by removing the code mirror plugin linee (the CM 5 official version) in tiddlywiki.info.
So now I have a codemirror-less installation. So the issue become:
How do I get code mirror 5 back?

And how come a simple import broke my installation?

1 Like

You may want to update this link as well as it still points to the now plugin-less pre-release build preview site.

@TW_Tones

Delete old plugins first when they do the same thing, and if upgrading a suit of plugins remove all related plugins first so you don’t generate a clash.

Codemirror 5 is in the core plugins library so just use get more plugins

1 Like

Hi @Stefano

This is clearly NOT Code Mirror 6, it must be TiddlyWiki5’s CodeMirror 5.
If you have questions about how to install CodeMirror6, please go ahead.

Thanks,
Simon

Hello, I just wanted to say that I think that the work you did on CodeMirror 6 is one of the answers to the question that regularly comes: how do we make TW more welcoming for the broader public and on par with other note taking / thoughts organizing apps.

The auto-completion, the formatting of wikitext (titles, links, bold, etc.) make it such a more welcoming experience and allows to stay in edit mode only. Same with the focus mode. So I highly second the idea to have it integral as the main TW branch and available out of the box.

I’m a relatively new TW user (1-2 years) and already loved TW but this solves some small frictions points I still had with it. Thanks!

6 Likes

Thank you @Triple ! Much appreciated!

It’s still not as far as I want it to be in terms of:

  • linting
  • automatic indentation

But I like it, too!

And I’m glad that it helps you!

Best wishes,
Simon

I went to Xyvir’s demo site and download a combined plugin. Then I imported the plugin into a pre-release copy of TW (first deleting the existing code-mirror module).

Somehow I missed including whatever plugin has the editor bar’s icon captions. When I hover over items on the editor bar, I just see the keystroke I could use for that icon.

What plugin do I need to additionally add? Or is there a setting I need to tweak?

Thank you!

Oh, I’m sorry to hear that @Mark_S !

Probably the plugin combiner has an issue with adding some tiddlers to the JSON.
I’ll investigate!

2 Likes

Not the combiner. I deleted the combined plugin. Then I went to Xyvir’s site and downloaded all the code mirror plugins (without combiner), and then imported them, only omitting a couple themes and a couple languages.

Still have no text on hover over editor bar icon’s – just the keystrokes. I feel like there must be a simple explanation.

I’ll double check my demo website, it’s possible I missed something.

I installed the “Codemirror 6 Editor” plugin from your website and for me the toolbar tooltips are showing.

1 Like

Do you have any other plugins atm? What language? Have you tried importing the CM6 plugins into empty.html?

What I have is the 5.4.0 pre-release demo wiki. It would be better if there was an empty pre-release. Hmm… is there? I deleted the installed code-mirror, and then brought over a combined plugin. When that didn’t work, I eliminated the combined plugin and brought over almost all of your code mirror plugins. The only additional plugin that I have added is the HTML Native Saver plugin, which I have since disabled.

Thanks!

CodeMirror 6, at least when used within TiddlyDesktopRS, appears to use about 9% CPU resources, and trigger the xorg process (talking Linux, of course) about 20 to 30 % CPU.

Oh ok! Thanks for reporting @Mark_S !