Demo of a new WYSIWYG editor: slate-write (unstable alpha stage)

[linonetwo]

@Adam4242

links don’t work.

I personally always close WYSIWYG mode when done editing, so I won’t mis-type something into it. So for me, I always click links on View mode.

I haven’t recently update WYSIWYG editor because How to serailize macro call, distinguish from transclusion? · Jermolene/TiddlyWiki5 · Discussion #7646 · GitHub block the dev of GitHub - tiddly-gittly/wikiast: Wiki AST transformation for WYSIWYG editor and advanced dynamic widgets in Tiddlywiki. , which is an important depencency of slate-write.

@Adam4242

ctrl-click

But this can be a small improvment. I can take time for this.

[linonetwo]

@Erpel I think this is fixed somehow! Maybe in a upgrade last year.

[aussietw]

Really love your plugin, @linonetwo – I tried it with a clean install of TiddlyWiki as my previous (Stroll) version seemed to conflict. But I still have the same uncaught error exception.

Here are the list of plugins I have installed, one of which may conflict:

• Autocomplete (Evidently Cube)
• Relink
• Stories
• ContextPlugin
• favorites
• Freelinks
• Link to Tabs
• Editor auto-list

I suspected it was the Autocomplete plugin that may conflict but disabling it still made me get the Uncaught TypeError: Cannot read properties of null (reading ‘removeChild’)

I couldn’t see anything in the console so I’m confused…

Also, I’m a bit confused with SlateWrite about:

• what the space/slash initiation of “commands” does? what commands?
• how to autocomplete the names of tiddlers when typing [[

Thanks again!

[linonetwo]

/ and [[ should work on demo site. If it doesn’t, there might be some bug. For me, it stop working years ago, because it have performance issue on wiki larger than 10000 tiddlers.

To debug conflict, you can try drag your plugins to the demo site.

[aussietw]

Oh wow, 10,000! What do you use it for, if you don’t mind sharing?

Oh / works, I can see the opening box, but I don’t know what it is for and how to close it?

[linonetwo]

I think esc will close the box, it may need some repair though.

I mostly use WYSIWYG editor for outline editing, press - or * will create list, and press tab will indent, shift tab un-indent, so it is an outline editor. I don’t use much other features recently.

---

oh, you mean how I get 10000 tiddlers, I use Calendar and Agenda plugin tw-calendar with Mobile friendly agenda page layout for quick diary, so each day will have 10 tiddlers, and I use GitHub - tiddly-gittly/Browser-Extension-Tiddlywiki-Collector: Clip web contents into TiddlyWiki (NodeJS Ver./TidGi APP) and use TiddlyWiki as a bookmark. to save websites, it also increase a lot.

[Springer]

Just (re)discovering this project based on recent link.

It’s really promising and exiciting!

Current reproducible bug:

If I make a “live” edit (apply bold to a couple highlighted letters, or add/delete text directly), and then hit the edit button to interact with TiddlyWiki’s traditional edit mode, I get the RSOD. This seems reproducible, at least on my Chrome (Mac) browser.

The good news is that the error can be dismissed, edit mode behaves mostly ok.

@linonetwo

render widget and macros as same as the readonly mode

Some simple TiddlyWiki macros, like <<tag ExampleTag>> don’t always render correctly in the live-edit mode.

Worse, toggling back and forth with the fancy “T-edit” button (which seems to toggle live-edit mode), I find that sometimes such content disappears from the tiddler… Make a new tiddler, put in <<tag ExampleTag>>, and save. Displays fine. Turn on live-edit, and the content won’t display, but is still “in there”… (Activating traditional edit-mode, I do see <<tag ExampleTag>> in edit field, for now…) But if you then toggle OFF the live-edit mode, the macro content is gone, including in traditional edit mode.

[linonetwo]

Some new update will require feat: serialize AST node back to wikitext string by linonetwo · Pull Request #8258 · TiddlyWiki/TiddlyWiki5 · GitHub to be mreged. But sadly PR like this won’t get reviewed for a long time, like the Feat: allow link to section mark by linonetwo · Pull Request #7744 · TiddlyWiki/TiddlyWiki5 · GitHub . Just hope it can be merged soon.

[JanJo]

To understand this: Are These improvements to the core needed to make the Slate Editor work better?

[linonetwo]

Yes, the first one. So edited text can turn back to Wikitext.

[JanJo]

…and the second is the ability to navigate to sections? That also would be a terrific help!

[JanJo]

Hi @linonetwo I just checked your terrific slate-editor again. I Encountered this which I post because I cannot read it:

[linonetwo]

It is standard tiddlywiki red error, just switch the language to English you can read it.
I think it is caused by current version don’t support image. It may only support list and marks now.

I’m writing a new version based on PR I posted above, but it will only release after next TW core upgrade (And if PR above didn’t merged before TW upgrade, just like several times before, we have to wait more), before that, image syntax is not supported, only use it like an outline editor, editing lists…