New CodeMirror 6 TiddlyWiki5 plugin

CodeMirror 6 for TiddlyWiki - What’s This All About?

Hey friends! :wave:

You know how TiddlyWiki has a text editor where you type your tiddlers? Well, we’re building a brand new editor using something called CodeMirror 6. Think of it like replacing an old bicycle with a shiny new one that has more gears and goes faster!

Here’s the link to the prototype demo page: click

What Does It Do?

When you edit a tiddler, this plugin makes it:

  • Pretty colors - Your WikiText lights up in different colors so you can see what’s what (links are one color, bold text is another, etc.)

  • Smart helpers - Start typing << and it suggests macros. Type [[ and it helps you find tiddlers. Type :smile and get emoji suggestions!

  • Line numbers - See exactly which line you’re on (optional plugin)

  • Find & replace - Search through your text easily

  • Themes - Pick from lots of color schemes (Dracula, Nord, Gruvbox, and many more!)

What’s Working Right Now?

:white_check_mark: Basic editing with syntax highlighting

:white_check_mark: Autocompletion for widgets, macros, tiddler links

:white_check_mark: Emoji picker (type : to see it)

:white_check_mark: 18 different color themes

:white_check_mark: Toolbar button styles (10 different looks!)

:white_check_mark: Zen mode for distraction-free writing

Optional plugins:

  • Line numbers and active line highlighting

  • Emoji picker with shortcode autocomplete

What’s Still Cooking?

:wrench: We’re still improving things and squashing bugs

:wrench: More features coming based on what people need

How Do I Try It?

This is still in development, so it’s for the adventurous! If you want to help test or just see what’s happening, check out the GitHub repository.


Questions? Ideas? Found a bug? Just reply below! We’d love to hear from you.

3 Likes

Just tested it out briefly on mobile, and it works great! no issue with zen mode or anything.

Regarding the more features people need, would this thread be an alright place for feature requests or should those be added to a github? (just asking in regards to having the ability to collapse indented bodies of text in the editor :grinning_face_with_smiling_eyes:)

Can someone disambiguate the multiple claims of a new codemirror6 or codemirror 6 plugin here in talk.tiddlywiki ?