Better Edit Text Extension

[jogibear9988]

Recreate the Edit text Extension based on https://tiptap.dev/ or https://github.com/ProseMirror/prosemirror

Deprecate Style extension, it will be deprecated: https://github.com/papyrs/stylo/issues/124#issuecomment-1858769729

[vjystva]

Hi @jogibear9988 , I am trying to use canvas from web-component-designer. I am having a use case to support rich text editor. So I am exploring couple of libs(i.e Tinymce,Lit HTML Editor,stylo, ckeditor etc...). I can see some old existing problem related to selection (https://github.com/tinymce/tinymce/issues/6158). So what are your plans to support rich text editor in designer canvas?

[jogibear9988]

At the moment I've not planed much on this. I've reworked the textedit addon, so it works for the simple commands, like bold/italic/fontsize/fontfamily.

If I've time, I will do more in this area, but at the moment it has very low priority.

This is a screenshot of what's currently workin:

I'd like to work on a PlacementService wich uses the std html layouting (at the moment we only have one for absolute positions, grid and flexbox). When this is done (don't know when), this would also help this extension

But if you'd like to work on this, pull requests are always welcome.

roblem with most of editor frameworks is also, no one does support shadowdom out of the box.

[vjystva]

Thanks for the response. @jogibear9988 I have tried a poc to integrate https://tiptap.dev/ and it looks promising and selection API(i.e.Tiptap's onTransaction/onSelectionUpdate event) also seems to be working across different browsers(i.e Chrom,firefox,safari).

What are your suggestions , which other RTE's should I explore?

[jogibear9988]

What have you tried? To integrate it into the designer? Maybe you could create a extension for the designer?

Why want you explore others if TipTap works?