Anyone building a rich text editor with a floating toolbar editor?

Developer corner
1

Is anyone building (or already built) a rich text editor with a floating toolbar editor - like TinyMC & Tiptop have? Where you highlight text and the floating rich text toolbar appears?

Anyone used editor.js?? https://editorjs.io

1 Like
2

I would use custom components, if you’re willing to pay for a Workspace plan. Otherwise you’ll swear a lot, trying to make this in WeWeb with a mix of no-code and JS - If the editorjs doesn’t work with WeWeb’s NPM Plugin properly.

3

Hi there, we actually tried to do something on our own recently and it wasn’t great (it’s just not working as we want it, showing floating menu isn’t that easy as it seems, even by getting the coordinates on click etc.), so as Broberto said, I suggest using some custom components and using tiptop/lotion as a base for it.

4

Redactor WYSIWYG html editor looks like a better option …

5

Have you used redactor with weweb? Is it able to store user data to Xano?

6

@Mark_Pederson
Did you have success with the ‘Redactor Editor HTML WYSIWYG’?
How did you solve this issue with the floating toolbar editor?

7

also interested in this!

8

@kyanaloe

I posted these questions about “get selected text” and “insert text into rich text” in these 2 posts. Please comment on them, tag the WeWeb team, and emphasize our difficulty as I have already searched the entire community and found no answers.

9

We decided to actually roll our own in VUE with Tip Tap - leveraging their cloud for collaboration, etc.