search

node-projects / web-component-designer

A Designer for HTML Components or Pages in a WebComponent
https://node-projects.github.io/web-component-designer-demo/index.html
MIT License
136 stars 16 forks source link

Better Edit Text Extension #397

Open jogibear9988 opened 8 months ago

jogibear9988 commented 8 months ago

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 commented 5 months ago

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 commented 5 months ago

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:

image

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 commented 5 months ago

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 commented 5 months ago

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?