schradert / sage

Process design and tracking application
GNU Affero General Public License v3.0
0 stars 0 forks source link

WYSIWYG #4

Open schradert opened 1 month ago

schradert commented 1 month ago

Decide on and integrate WYSIWYG editor with simple component for rich text fields throughout the application

schradert commented 1 month ago

Thoughts on TipTap instead of Quill? There's a simple setup guide for tiptip in sveltekit you can start from.

scaredginger commented 1 month ago

Nice, yeah if I'm being honest, Quill seems a bit janky with stuff like side-effects breaking SSR. Happy to try something else :+1:

scaredginger commented 1 month ago

It's honestly kinda disappointing that such a mature, seemingly well-regarded library has issues like that, but oh well

schradert commented 1 month ago

Currently on my branch a double click on a node will open up the detail view with only that double clicked node selected. This shows a spreadsheet with grouped columns generated from the Node objects selected. The spreadsheet is editable to change parameters and the name of nodes. I think description can be a built-in parameter that is basically a rich text type, and if it is selected to be edited, instead of a small input box, it can open a modal dialog in the screen center.

I think this is my preferred implementation of this. I would just trigger a different input form in EditableCell that opens a Dialog if the column.id === "data.description" (simplifying assumption for now while we don't have a proper field builder)

scaredginger commented 1 month ago

Sounds like a good plan :+1: