# TextArea in props

**URL:** <https://forums.realmacsoftware.com/t/textarea-in-props/46695>\
**Category:** Elements\
**Created:** [March 12, 2025, 2:06pm UTC](https://forums.realmacsoftware.com/t/textarea-in-props/46695 "2025-03-12T14:06:48Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [March 12, 2025, 2:06pm UTC](https://forums.realmacsoftware.com/t/textarea-in-props/46695/1 "2025-03-12T14:06:48Z")

</div>

Hi @dan,

hope I do not loose track on what I wrote already. But the `textArea` prop allows newlines, but those wont get rendered automatically. Has to be converted with a regex to `<br>` or using a `<pre>` wrapper. Might be something good in the documentation to add.

As usual makes sense.

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [March 13, 2025, 3:39pm UTC](https://forums.realmacsoftware.com/t/textarea-in-props/46695/2 "2025-03-13T15:39:05Z")

</div>

> [@Beblebroks](#):
>
> But the `textArea` prop allows newlines, but those wont get rendered automatically.

They should be… did you type in the text or paste it? There’s currently a bug with pasted text not respecting the carriage returns.

If this was fixed, nothing would be need to be documented…right?

---

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [March 14, 2025, 4:30am UTC](https://forums.realmacsoftware.com/t/textarea-in-props/46695/3 "2025-03-14T04:30:40Z")

</div>

I dont mean the textArea in the editor. But the textArea in the properties.  
As I mentioned it makes sense, since a `\n` does not get rendered in html.

But some people might stumble over this.

A multiline text only at code, not at rendering.

 ![CleanShot 2025-03-14 at 12.39.31](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/d/9/d9564af2844815aac44aed1694224e4ac0250723.png)

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [March 14, 2025, 8:29am UTC](https://forums.realmacsoftware.com/t/textarea-in-props/46695/4 "2025-03-14T08:29:27Z")

</div>

This could be a bug—we’ll need to take a closer look to see exactly what’s going on.

That said, I wanted to jump in and emphasize that we’re aiming to keep text editing inline as much as possible. I’m not entirely sure what you’re building here, and there are certainly cases where using a textarea in the component’s property controls makes sense. However, whenever possible, we recommend using an inline `@text()` so users can edit text directly on the page 🙂

---

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [March 14, 2025, 11:06am UTC](https://forums.realmacsoftware.com/t/textarea-in-props/46695/5 "2025-03-14T11:06:37Z")

</div>

I used that component for the link list. And use the textArea in a collection.

Other then that I am with you. Since `@text()` and so on does not support dynamic ids as I remember I am not sure how I would achieve that.

> [@List \<ul\> and \<ol\>](https://forums.realmacsoftware.com/t/list-ul-and-ol/46694/5):
>
> Hi @dan, thats the final result. Now for the ordered list. The editor does not support previews for “before” pseudo elements. I am also using a custom css counter, since that is not supported in tailwind. Was the only way to get the 1.1, 1.2, 1.3 list style done.

@bon … but as I mentioned It makes sense. If you auto generate `<br>` on the textArea you wont be able to use it for other stuff.