DIV Element - When selected, Attach Quill Editor

app-generator / opensource-dnd-tools

DnD Playground - Drag & Drop / Edit Components | AppSeed

https://dnd-playground.onrender.com/

3 stars 0 forks source link

Open app-generator opened 1 year ago

app-generator commented 1 year ago

When a DIV component is selected for edit, a Quill editor needs to be active.

DEV Branch: wysiwyg-quill

With the Quill Editor active, the user can:

edit the DIV HTML
Edit the RAW HTML (if Quill allows)
- some WYSIWYG editors permit the switch from visual to Raw HTML editing and vice-versa.

Once the user clicks on another DIV, the previous Quill instance is destroyed and a new one is created for the current element.

@mominur-helios please take a look. TY!

app-generator commented 1 year ago

Hello @mominur-helios

The current solution injects Quill into the props panel.

The goal was to use Quill in-place and let the user edit visually the content or directly the HTML (quill allows it).

Basically, we need to provide a way for fast, easy, in-place edit.

Please take a look. TY!