New Component: Rich Text Editor — Now on the Marketplace! 🎉

Info & Announcements
1

Hey Adalo Community! :waving_hand:

I’m excited to share a new component that’s now available on the Adalo Marketplace:

Rich Text Editor

rich-text-editor-adalo-hero-banner
rich-text-editor-adalo-hero-banner1600×1000 72.9 KB

Let users write and format text with a full toolbar — bold, italic, lists, headings, images, links, and more

A rich text editor with a customizable toolbar that outputs HTML and plain text. Perfect for blog posts, notes, descriptions, or any content that needs formatting.

Key Features
:white_check_mark: Bold, italic, underline, strikethrough formatting
:white_check_mark: Headings (H1-H3) with dropdown, button, or collapsible display
:white_check_mark: Ordered and unordered lists
:white_check_mark: Image and link insertion (popup or inline)
:white_check_mark: Code blocks and inline code with custom styling
:white_check_mark: Blockquotes and horizontal rules
:white_check_mark: Text alignment (left, center, right, justify)
:white_check_mark: 5 toolbar positions: top, bottom, float above, float below, float + static
:white_check_mark: Outputs both HTML and plain text as form values
:white_check_mark: Auto-height with min/max constraints
:white_check_mark: Display Only mode for read-only rich text viewing
:white_check_mark: Works on Web, iOS, and Android

Perfect For
• Blog editors
• Notes apps
• Product description editors
• Help center / FAQ content
• Comment systems with formatting
• CMS content creation

How to Get It

  1. Open your Adalo app editor
  2. Click the **+** button to open the Add Components panel
  3. Browse **Marketplace Components** or search for “Rich Text Editor”
  4. Click to add it to your app — done!

If you have any questions or feedback, drop a comment below. I’d love to hear how you’re using it! :rocket:

6 Likes
3

@AKyle after some testing… Would it be possible to choose how links open… Currently the link replaces the current tab with the link. I would be nice to choose new tab for Web app users.

4

Thanks for the feedback! Can you provide steps to reproduce this? Are you talking about within the Rich Text Editor or the HTML component?

5

I was using the rich text editor on display mode. I attempted to use the HTML viewer but it would not render the HTML correctly.

So I added a link using the rich text editor and had a list that contained the editor on display mode. When clicking the link from that list it replaced the tab instead of opening a new tab.

6

would this work to create a google docs alternative? or a book writing platform?

7

@Rosewarrior I would assume that could be possible with this component. You would need an API integration to export anything as a PDF. But don’t quote me on that. Maybe someone else has better insight into that.

8

@AKyle I believe I have figured it out. For some reason I did not see the new HTML component. The links functions normally now! Thank you so much for these two new components (I have been waiting for something like this) and I apologize for confusion!

9

No worries! I’m glad you were able to figure it out!

10

This was not designed to be a Google Docs alternative, however, if you need just basic functionality it’s a great tool.