Improved rich text editor

Share your work Show and Tell
1

Just released the first version of a custom rich text editor component I’ve been building for WeWeb!

I’ve always felt the current editor was functional but limited especially for users who want to align their content input with a specific workflow, structure, or design style. So, I redesigned it with more flexibility in mind.

This version introduces:

  • A Notion-style editing flow

  • Slash command for fast element insertion

  • Extended styling options to give more control

  • Contextual menus + hover actions for smoother editing

  • Support for image uploads and YouTube embedding

  • Built to be extensible, so more block types can be added over time

It’s still version 1, so I’m really looking for feedback to help refine it.

:test_tube: You can test it here: https://473b57f6-daca-4755-97d0-3f8d9380763d.weweb-preview.io/
:speech_balloon: Would love to know what you think and how it could fit your own use cases!

2

This is VERY COOL! Amazing job! @Joyce @ishika

Keep up the good work! If you don’t mind, I put a free Partner plan on your account - I see you have a lot of cool stuff that you might want to share with the world.

3

Amazing Share Iconic!

I love the Slash functionality :raising_hands:

This component will definitely make an appearance in our next community newsletter :wink:

4

No Way Wow GIF

The Slash commands are killer :fire:

5

Thank you

The Office Crying GIF

6

Thanks!!

7

If i publish it in the marketplace can other people use it in their projects or do i share the repo ? Which one works?

8

If you publish it in the marketplace others will be able to copy it to their projects directly.

9

I need a YouTube video about that, Amazing :smiling_face_with_sunglasses:

10

Heyy, amazing !! Did you already publish it in the marketplace ? Thanks in advance !!

11

Samuel did publish it, here’s the link: WeWeb Marketplace

12

Thanks :smiling_face_with_sunglasses: @ishika

13

Thanks @ishika !

15

did you find a solution to the issue you were experiencing?

16

thanks for asking ! I was struggling to import your component after importing it into my workspace (didn’t appear within my library), but finally I could import it by copy-pasting the whole section. Don’t know if that’s supposed to work this way but it actullay did haha