# Rich Text Input has Arrived!

**URL:** <https://community.weweb.io/t/rich-text-input-has-arrived/1151>\
**Category:** Ask us anything\
**Created:** [September 20, 2022, 4:25pm UTC](https://community.weweb.io/t/rich-text-input-has-arrived/1151 "2022-09-20T16:25:30Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![kyanaloe](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/kyanaloe/32/1076_2.png) [@kyanaloe](https://community.weweb.io/u/kyanaloe)\
**Post date:** [September 20, 2022, 4:25pm UTC](https://community.weweb.io/t/rich-text-input-has-arrived/1151/1 "2022-09-20T16:25:30Z")

</div>

Thank you to the [@weweb-team](https://community.weweb.io/groups/weweb-team) ! I’ve been waiting for this and am so excited to use this new element

---

<div class="post-metadata">

**Author:** ![foliodc](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/foliodc/32/761_2.png) [@foliodc](https://community.weweb.io/u/foliodc)\
**Post date:** [September 20, 2022, 7:04pm UTC](https://community.weweb.io/t/rich-text-input-has-arrived/1151/2 "2022-09-20T19:04:13Z")

</div>

Thank you [@weweb-team](https://community.weweb.io/groups/weweb-team)! Dropped in beautifully, noticed a few things in the editor:

1. Weird jump on my form when interact I with the menu. Seems to be related to a required field above that is empty. See video:

1. Any way to turn off some buttons? I would like to keep responses more consistent, and it would save space / reduce clutter.

2. Would like to add inline images as a feature request, stored in Xano preferably.

This is great to finally have this input! Plan to publish soon and start getting feedback. Thank you!

---

<div class="post-metadata">

**Author:** ![patopt](https://avatars.discourse-cdn.com/v4/letter/p/97f17d/32.png) [@patopt](https://community.weweb.io/u/patopt)\
**Post date:** [September 20, 2022, 7:26pm UTC](https://community.weweb.io/t/rich-text-input-has-arrived/1151/3 "2022-09-20T19:26:18Z")

</div>

Yes very excited for this feature. I’m having some trouble using it in a Modal. When I try and add bullets, numbered lists the modal keeps closing.

I’m also seeing this error message pop up after it closes.

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/d/d7d421e588fe1b652a31be8e6dae46b9e31055d0.png)

---

<div class="post-metadata">

**Author:** ![Mael](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/mael/32/13246_2.png) [@Mael](https://community.weweb.io/u/Mael)\
**Post date:** [September 21, 2022, 7:38am UTC](https://community.weweb.io/t/rich-text-input-has-arrived/1151/4 "2022-09-21T07:38:25Z")

</div>

Thank you for all your feedback about this new element!

---

<div class="post-metadata">

**Author:** ![caffeinatedwes](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/caffeinatedwes/32/625_2.png) [@caffeinatedwes](https://community.weweb.io/u/caffeinatedwes)\
**Post date:** [September 21, 2022, 2:11pm UTC](https://community.weweb.io/t/rich-text-input-has-arrived/1151/5 "2022-09-21T14:11:12Z")

</div>

Sweet! I’m pumped for this.

> I’m having some trouble using it in a Modal. When I try and add bullets, numbered lists the modal keeps closing.
> 
> I’m also seeing this error message pop up after it closes.

Thanks for pointing this out, @patopt. My first was going to be in a modal in a client app, so I’m going to hold off and wait to see some of these kinks worked out.

Following along 👀

---

<div class="post-metadata">

**Author:** ![kyanaloe](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/kyanaloe/32/1076_2.png) [@kyanaloe](https://community.weweb.io/u/kyanaloe)\
**Post date:** [September 22, 2022, 7:15pm UTC](https://community.weweb.io/t/rich-text-input-has-arrived/1151/6 "2022-09-22T19:15:12Z")

</div>

The link button seems to trigger a change page workflow, even though I didn’t add any workflows to the element. Any ideas?

---

<div class="post-metadata">

**Author:** ![aurelie](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/aurelie/32/13249_2.png) [@aurelie](https://community.weweb.io/u/aurelie)\
**Post date:** [September 23, 2022, 8:04am UTC](https://community.weweb.io/t/rich-text-input-has-arrived/1151/7 "2022-09-23T08:04:13Z")

</div>

We logged a bug yesterday: buttons triggers the submit of the form. This will be updated soon

---

<div class="post-metadata">

**Author:** ![khairul](https://avatars.discourse-cdn.com/v4/letter/k/a88e4f/32.png) [@khairul](https://community.weweb.io/u/khairul)\
**Post date:** [September 23, 2022, 8:44am UTC](https://community.weweb.io/t/rich-text-input-has-arrived/1151/8 "2022-09-23T08:44:03Z")

</div>

@aurelie I have a question, how should I store the rich text input as messages in my database? What type should I use? json/textfield? I use supabase

---

<div class="post-metadata">

**Author:** ![Alexis](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/alexis/32/13248_2.png) [@Alexis](https://community.weweb.io/u/Alexis)\
**Post date:** [September 23, 2022, 8:59am UTC](https://community.weweb.io/t/rich-text-input-has-arrived/1151/9 "2022-09-23T08:59:17Z")

</div>

You can use either, but textfield should be enough. The content is exposed as HTML inside a string. 🙂

---

<div class="post-metadata">

**Author:** ![khairul](https://avatars.discourse-cdn.com/v4/letter/k/a88e4f/32.png) [@khairul](https://community.weweb.io/u/khairul)\
**Post date:** [September 23, 2022, 9:05am UTC](https://community.weweb.io/t/rich-text-input-has-arrived/1151/10 "2022-09-23T09:05:17Z")

</div>

Thank you @Alexis

---

<div class="post-metadata">

**Author:** ![Cedric](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/cedric/32/9809_2.png) [@Cedric](https://community.weweb.io/u/Cedric)\
**Post date:** [September 28, 2022, 8:40am UTC](https://community.weweb.io/t/rich-text-input-has-arrived/1151/11 "2022-09-28T08:40:54Z")

</div>

Hi Aurelie, any update regarding this fix?  
I’d like to add another feature request to this, please. Form validation → select whether it’s a required field or not.  
Thanks!!!

---

<div class="post-metadata">

**Author:** ![kyanaloe](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/kyanaloe/32/1076_2.png) [@kyanaloe](https://community.weweb.io/u/kyanaloe)\
**Post date:** [September 29, 2022, 8:00pm UTC](https://community.weweb.io/t/rich-text-input-has-arrived/1151/12 "2022-09-29T20:00:06Z")

</div>

any update on this fix?

---

<div class="post-metadata">

**Author:** ![aurelie](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/aurelie/32/13249_2.png) [@aurelie](https://community.weweb.io/u/aurelie)\
**Post date:** [September 30, 2022, 8:39am UTC](https://community.weweb.io/t/rich-text-input-has-arrived/1151/13 "2022-09-30T08:39:05Z")

</div>

@Cedric @kyanaloe the submit issue fix is on production now 🙂

---

<div class="post-metadata">

**Author:** ![patopt](https://avatars.discourse-cdn.com/v4/letter/p/97f17d/32.png) [@patopt](https://community.weweb.io/u/patopt)\
**Post date:** [October 1, 2022, 4:20am UTC](https://community.weweb.io/t/rich-text-input-has-arrived/1151/14 "2022-10-01T04:20:58Z")

</div>

Need to do a little more testing, but my problems appear to have gone away!

---

<div class="post-metadata">

**Author:** ![kyanaloe](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/kyanaloe/32/1076_2.png) [@kyanaloe](https://community.weweb.io/u/kyanaloe)\
**Post date:** [October 3, 2022, 1:22am UTC](https://community.weweb.io/t/rich-text-input-has-arrived/1151/15 "2022-10-03T01:22:50Z")

</div>

It seems as though On Change → Value doesn’t work for Rich Text inputs, at least not when in a list item. Is this purposeful?

---

<div class="post-metadata">

**Author:** ![Mael](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/mael/32/13246_2.png) [@Mael](https://community.weweb.io/u/Mael)\
**Post date:** [October 13, 2022, 8:08am UTC](https://community.weweb.io/t/rich-text-input-has-arrived/1151/16 "2022-10-13T08:08:37Z")

</div>

Hi @kyanaloe, could you make a quick video of your issue in a list item

If I have only one rich text element, the On Change is working perfectly

---

<div class="post-metadata">

**Author:** ![yunus](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/yunus/32/3122_2.png) [@yunus](https://community.weweb.io/u/yunus)\
**Post date:** [September 20, 2023, 11:53am UTC](https://community.weweb.io/t/rich-text-input-has-arrived/1151/17 "2023-09-20T11:53:18Z")

</div>

Are there separate object for Rich Text now, for display and input? I see 1 object only, and it is not working as intended.

Here are my problems. I am pulling data from a Long Text block in Airtable with Rich text capability activated, so it has bullets, links and bolds in it.

As an uneditable object,

- not displaying markdown properly, not recognizing line breaks, (other markdown editors recognise them)
- no bullets (also no option to edit UL or LI object in styling)
- no links
- it has uneditable margins around it… I needed to give negative margin to mitigate that which is not nice.

Rich text, paragraph and text object, trying all 3 and seems quite pointless to have all 3 when there is no distinction on rendering like this. Rich text is not seeing the line breaks at all as you can see above… and all other listed issues.

 ![Screenshot 2023-09-20 at 15.20.03](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/7/7f2e86f1c56ba06a62597393e6623e14405c56fc.png)

---

<div class="post-metadata">

**Author:** ![Joyce](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/joyce/32/13232_2.png) [@Joyce](https://community.weweb.io/u/Joyce)\
**Post date:** [September 20, 2023, 3:53pm UTC](https://community.weweb.io/t/rich-text-input-has-arrived/1151/18 "2023-09-20T15:53:17Z")

</div>

Hi @yunus 👋

Yes, both the rich text elements are the same right now:

 ![CleanShot 2023-09-20 at 17.17.16@2x](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/4/4eff9cfb2db0be560a39d506d5eb4a60996108c8.png)

We are having discussion internally to:

- change the default settings of the rich text element so it’s in read-only mode and not editable (of course you will still be able to switch back but at least the different with the rich text input element will be more obvious and it will save you time when you’re looking to display text only)
- add some editing features (e.g. underline or center text)
- improve how text is rendered when it’s one single block bound to one rich text element

Right now, your issue is coming from the data format WeWeb receives from Airtable. Here you can see from my example that it’s a string:

 ![CleanShot 2023-09-20 at 17.45.49@2x](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/b/bb73139a4214aa7cc15c2f33f4174bddf65d28e3.png)

The rich text element is:

- not understanding that there’s markdown in that string, and
- even if it did, it looks like we’re having issues with rendering markdown

 ![CleanShot 2023-09-20 at 17.52.23@2x](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/4/4aff6a59ec35a5d7ddf860bf82ce4172be07369d.png)

I had a look and could only get the formatting right when adding a text with html formatting:

 ![CleanShot 2023-09-20 at 17.49.02@2x](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/8/8db0a8d8ab486524d8befdee444d84ebd81c50f1.png)

All this to say: thanks a lot for bringing this up!

I’ll add it to the product ticket on the rich text element and the team will look into it asap 🙂

---

<div class="post-metadata">

**Author:** ![yunus](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/yunus/32/3122_2.png) [@yunus](https://community.weweb.io/u/yunus)\
**Post date:** [September 20, 2023, 4:08pm UTC](https://community.weweb.io/t/rich-text-input-has-arrived/1151/19 "2023-09-20T16:08:18Z")

</div>

Thanks for the detailed explanation. Looking forward to the improvement.

---

<div class="post-metadata">

**Author:** ![cataleen](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/cataleen/32/8830_2.png) [@cataleen](https://community.weweb.io/u/cataleen)\
**Post date:** [April 19, 2024, 6:07am UTC](https://community.weweb.io/t/rich-text-input-has-arrived/1151/20 "2024-04-19T06:07:14Z")

</div>

I see that most other inputs have the option to make them required, but I don’t see that option on a rich text input.
