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!

7 Likes
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 Likes
3

Amazing Share Iconic!

I love the Slash functionality :raising_hands:

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

2 Likes
4

No Way Wow GIF

The Slash commands are killer :fire:

1 Like
5

Thank you

The Office Crying GIF

2 Likes
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?

1 Like
8

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