Rich-Text with [Supabase] image upload and more

Share your work
1

Hey,

I just built a custom Rich Text Element for WeWeb to fill some gaps I encountered with the standard component.

demo-richtext

Key Features:

  • Supabase Integration: Supports public and private buckets; signed URLs are automatically refreshed on render.

  • Dynamic Variables: Use {{firstName}} placeholders for easy template creation.

  • Smart @Mentions: Tag users with avatars and view contextual tooltips (email/phone, copy to clipboard).

  • Advanced Editing: Includes inline image resizing, a table editor, live HTML toggle, and a custom color palette.

  • Full Control: 22 individual toggles to hide unused toolbar tools and a dedicated Read-Only mode.

  • Theming: Built on Tiptap and fully customizable via the WeWeb settings panel.

Test it yourself: https://a987716d-1234-4238-a07b-99fca910e2e0-production.weweb.io/richtext/

I was thinking about adding it on Weweb Marketplace later this week if anybody is interested

2

This looks amazing, @Hugo-OC, great job :clap:

bravo success GIF by Cultura

Especially love the mentions feature, and the inline image resizing is a really nice touch.
Excited to see this on the WeWeb Marketplace :wink:

3

:clap: :clap: :clap:

Corner (App) 4

:clap::clap::clap:

1 Like
5

It looks super cool and works a treat! Love the dynamic variables option :grinning_face: