Announcing Monaco (VS Code) Editor for TiddlyWiki

Can https://github.com/joshuafontany/VSCode-TW5-Syntax be integrated to make wikitext less boring?

That would be great, yeah! That extension will surely come in handy - if it can’t be used directly, then at least bits and pieces.

Considering that the editor here is running from within Tiddlywiki, I’m looking at how far we could go by hooking into the Tiddlywiki parser directly though :thinking: The Monaco API is just begging to be attached to all sorts of TW internals…

2 Likes

Charlie_:

I’m probably missing something but I feel it might to possible to have your off-line capabilities by "self-host"ing via your local-store code.

A simple Yes/No reply might keep me from spinning around pointless ideas.

Hans.

1 Like

What a contribution.

I just tried it on a copy of tiddlywiki.com and the HelloThere text/vnd.tiddlywiki tiddler and the preview works.

The clickable text display in the top right to jump with in the tiddler (after limiting the editor Hight) is a wonderful feature. Is this part of the editor or a seperate tool?, because it could be a plugin in its own right.

Love your work.

Hey, thanks! The wikitext experience is a little boring right now, but that might change soon hint :sweat_smile:

Interesting that this stands out so much. :grin: It’s called the “minimap” and it’s part of the editor by default. Technically you might be able to extract it into its own plugin, but I’m guessing it’s too integrated with how the editor works to be useful outside without a lot of work.

@TW_Tones See CSS element() function

1 Like

This looks pretty cool! Thanks.

One suggestion: in the pre-packaged TW, when you use keyboard shortcuts like Ctrl + B, you get bold font on the selected text, while on yours you get the bookmarks sidebar of the web browser. I think that supporting the common keyboard shortcuts would be a good default behavior as would follow the least surprise principle for users coming from the pre-packaged editor to yours.

Integrating keyboard shortcuts that are configured in TW is a good idea, I’ll have to take a look at how it works in the standard editor :+1:

2 Likes

Hi, I’ve added some basic wikitext support in 0.2.0: tw5-monaco — Monaco Editor for TiddlyWiki

2 Likes

Version 0.3.0 also adds some basic tiddler autocomplete, see tw5-monaco — Monaco Editor for TiddlyWiki

1 Like

@smily Is it possible that the background colour of the editor changes with change in palette. Also I would like to use keyboard shortcuts in the default editor in monaco

Good idea! I’ve added it as issue #2

@Offray above suggested the same thing, I’ve added it as issue #3

I’ve also added a few others based on the discussion in this thread :slight_smile:

1 Like

@smily I somehow missed this gorgeous plugin of yours. Thank you for attempting this. I also use VS code extensively so this is wonderful! :fire:

2 Likes

There is:

And:

1 Like

(Dammit. I just drooled a little.)

Thanks !

Hey y’all!

Back with 0.4.0 adding keyboard shortcuts.

All the toolbar buttons should now be available as actions within the editor’s Command Palette (F1), including the keyboard shortcuts to trigger them.

Many basic formatting actions should work, but the ones involving popups (e.g. excise) do not work yet. Here are a few things to try.

See tw5-monaco — Monaco Editor for TiddlyWiki as always for demo and examples :+1:

Thank you adding support for keyboard shortcuts so rapidly.

Shall I ask for more features :grinning:

It would be good to have support for editor autolist plug ins.

https://saqimtiaz.github.io/sq-tw/editor-autolists.html

https://jasonmhoule.github.io/editor-autolist-markdown/

1 Like

Cool! I was wondering if there was something like that for TW already.

I just tried it and both work with 0.4.0 already lmao magic :sparkles::sweat_smile:

(for the markdown one I had to disable codemirror in the demo so it didn’t override monaco)

This one also is a good addition to it
https://groups.google.com/g/tiddlywiki/c/DCaKolz4o04/m/3JJpTN33BgAJ

Hi all!

Version 0.5.0 adds custom theming support with the default theme grabbing colors from the current TiddlyWiki palette :slight_smile:

https://smilyorg.github.io/tw5-monaco/

cc @arunnbabu81

It also occurs to me that it might be time to update the website a bit so it’s not just a huge example with stuff dumped into it. :thinking:

2 Likes