Wikitext code editor

I am developing a new code editor plugin that adds an ‘edit overlay’ to an existing highlighter. I am also developing a highlighter plugin for wikitext using Prismjs. These two can be seen working together here https://unieditor.tiddlyhost.com/. The code is a pre-release, it has not been fully tested, and is for demonstration only.

Example screenshot:

8 Likes

This looks tasty, especially if it will be able to highlight building blocks in filter expressions with different colors.

This looks really interesting @buggyj Looking forward to further updates.

@buggyj This is immense – seriously.

Request: please support CSS @layer in the style/color mappings (or, don’t do anything to prevent it being used). I have a long-held need for exactly this solution where different types of content tiddlers (not just code tiddlers) could make great use of this.

Fabulous Christmas present. Thank you.

This is basically working. Given how complex wikitext is, there will be instances when the highlighting will not work. It needs more testing.

I don’t know about @layer in css. The css is given by prismjs and then I use some extra on top.