# Improved rich text editor

**URL:** <https://community.weweb.io/t/improved-rich-text-editor/20409>\
**Category:** Show and Tell\
**Created:** [November 20, 2025, 1:09pm UTC](https://community.weweb.io/t/improved-rich-text-editor/20409 "2025-11-20T13:09:39Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![iconic](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/iconic/32/14103_2.png) [@iconic](https://community.weweb.io/u/iconic)\
**Post date:** [November 20, 2025, 1:09pm UTC](https://community.weweb.io/t/improved-rich-text-editor/20409/1 "2025-11-20T13:09:39Z")

</div>

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.

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

---

<div class="post-metadata">

**Author:** ![Slavo](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/slavo/32/13253_2.png) [@Slavo](https://community.weweb.io/u/Slavo)\
**Post date:** [November 20, 2025, 1:31pm UTC](https://community.weweb.io/t/improved-rich-text-editor/20409/2 "2025-11-20T13:31:52Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![Agustin\_Carozo](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/agustin_carozo/32/13231_2.png) [@Agustin\_Carozo](https://community.weweb.io/u/Agustin_Carozo)\
**Post date:** [November 20, 2025, 1:40pm UTC](https://community.weweb.io/t/improved-rich-text-editor/20409/3 "2025-11-20T13:40:39Z")

</div>

Amazing Share Iconic!

I love the Slash functionality 🙌

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

---

<div class="post-metadata">

**Author:** ![ishika](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/ishika/32/13250_2.png) [@ishika](https://community.weweb.io/u/ishika)\
**Post date:** [November 20, 2025, 2:52pm UTC](https://community.weweb.io/t/improved-rich-text-editor/20409/4 "2025-11-20T14:52:40Z")

</div>

![No Way Wow GIF](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/6/6f05bc376602ef20d5a57a6470d37c8e8114b138.gif)

The Slash commands are killer 🔥

---

<div class="post-metadata">

**Author:** ![chadsmithclt](https://avatars.discourse-cdn.com/v4/letter/c/8797f3/32.png) [@chadsmithclt](https://community.weweb.io/u/chadsmithclt)\
**Post date:** [November 20, 2025, 4:20pm UTC](https://community.weweb.io/t/improved-rich-text-editor/20409/5 "2025-11-20T16:20:06Z")

</div>

Thank you

![The Office Crying GIF](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/8/818dd0ca5ebc42c280d74b900cb5bffb99dddc1c.gif)

---

<div class="post-metadata">

**Author:** ![iconic](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/iconic/32/14103_2.png) [@iconic](https://community.weweb.io/u/iconic)\
**Post date:** [November 21, 2025, 3:59pm UTC](https://community.weweb.io/t/improved-rich-text-editor/20409/6 "2025-11-21T15:59:01Z")

</div>

Thanks!!

---

<div class="post-metadata">

**Author:** ![iconic](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/iconic/32/14103_2.png) [@iconic](https://community.weweb.io/u/iconic)\
**Post date:** [November 21, 2025, 4:00pm UTC](https://community.weweb.io/t/improved-rich-text-editor/20409/7 "2025-11-21T16:00:12Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Agustin\_Carozo](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/agustin_carozo/32/13231_2.png) [@Agustin\_Carozo](https://community.weweb.io/u/Agustin_Carozo)\
**Post date:** [November 24, 2025, 3:11pm UTC](https://community.weweb.io/t/improved-rich-text-editor/20409/8 "2025-11-24T15:11:36Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Habiddiaz](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/habiddiaz/32/16834_2.png) [@Habiddiaz](https://community.weweb.io/u/Habiddiaz)\
**Post date:** [March 24, 2026, 5:00pm UTC](https://community.weweb.io/t/improved-rich-text-editor/20409/9 "2026-03-24T17:00:26Z")

</div>

I need a YouTube video about that, Amazing 😎

---

<div class="post-metadata">

**Author:** ![Corner](https://avatars.discourse-cdn.com/v4/letter/c/f0a364/32.png) [@Corner](https://community.weweb.io/u/Corner)\
**Post date:** [March 26, 2026, 9:28am UTC](https://community.weweb.io/t/improved-rich-text-editor/20409/10 "2026-03-26T09:28:22Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![ishika](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/ishika/32/13250_2.png) [@ishika](https://community.weweb.io/u/ishika)\
**Post date:** [April 6, 2026, 6:17am UTC](https://community.weweb.io/t/improved-rich-text-editor/20409/11 "2026-04-06T06:17:00Z")

</div>

Samuel did publish it, here’s the link: [WeWeb Marketplace](https://marketplace.weweb.io/projects/473b57f6-daca-4755-97d0-3f8d9380763d/)

---

<div class="post-metadata">

**Author:** ![Habiddiaz](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/habiddiaz/32/16834_2.png) [@Habiddiaz](https://community.weweb.io/u/Habiddiaz)\
**Post date:** [April 9, 2026, 3:31pm UTC](https://community.weweb.io/t/improved-rich-text-editor/20409/12 "2026-04-09T15:31:48Z")

</div>

Thanks 😎 @ishika

---

<div class="post-metadata">

**Author:** ![Corner](https://avatars.discourse-cdn.com/v4/letter/c/f0a364/32.png) [@Corner](https://community.weweb.io/u/Corner)\
**Post date:** [April 10, 2026, 7:52am UTC](https://community.weweb.io/t/improved-rich-text-editor/20409/13 "2026-04-10T07:52:22Z")

</div>

Thanks @ishika !

---

<div class="post-metadata">

**Author:** ![iconic](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/iconic/32/14103_2.png) [@iconic](https://community.weweb.io/u/iconic)\
**Post date:** [April 27, 2026, 8:10pm UTC](https://community.weweb.io/t/improved-rich-text-editor/20409/15 "2026-04-27T20:10:46Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Corner](https://avatars.discourse-cdn.com/v4/letter/c/f0a364/32.png) [@Corner](https://community.weweb.io/u/Corner)\
**Post date:** [April 28, 2026, 8:57am UTC](https://community.weweb.io/t/improved-rich-text-editor/20409/16 "2026-04-28T08:57:33Z")

</div>

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
