I know there are two or three small projects already tried to add TiddlyWiki to highlight.js language brushes. Some are brought here:
- GitHub - adithya-badidey/TW5-codemirror-plus: An attempt to make a better writing experience for TW using codemirror. · GitHub by Adithya
- GitHub - Gk0Wk/TW5-CodeMirror-Enhanced: An enhanced for CodeMirror framework in TiddlyWiki, including TW5 highlight, WikiLink auto-completion, expandable hint, snippets, etc. · GitHub by @Sttot (see demo: TW5CME — CodeMirror Editor Enhanced Framework for TiddlyWiki5)
And also worthes to note the VSCode project:
See also CodeMirrorPlus vs CodeMirrorEnhanced - #2 by Mohammad
The second (TW5-CodeMirror-Enhanced) is the most promising. It has
- syntax highlighting
- autocomplete
- live help/tip on TW commands (widgets, macro, …)
So may be the TW5-CodeMirror-Enhanced project by @Sttot should be supported to cover what else you asked here!
TW5-CodeMirror-Enhanced implements a swift and rich extension framework for TiddlyWiki5’s CodeMirror editor, including TiddlyWiki5 (
text/vnd.tiddlywiki) syntax highlighting, Wiki link auto-completion, clickable links, Tiddler preview, and more. More features ( syntax tree, syntax completion , WYSIWYG mode , quick template input , etc. ) is under development . This framework is open source framework , anyone is welcome to join the development , the documentation is being written .