Announcing Monaco (VS Code) Editor for TiddlyWiki

@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

That was awesome. Thank you

very good, some automate tips or coding complete will be more better

@smily I have released v2.0.0 of the VSCode-TW5-Syntax plugin. Would you like to work on getting this working with your Monaco Editor? I see you have basic wikitext highlighting already. Mahalo for getting such a good POC working!