Is there any way to change value of textarea with HTML

Question

I'm trying to make markdown editor with auto resizable textarea.

I'm using marked library. But when I change value with value={marked(this.props.text)}, it outputs like: <p>Hello</p>

I can't even use dangerouslySetInnerHTML or innerHTML property since textarea doesn't render HTML.

When I use elements such as p, It doesn't look like textarea.

Can someone give me a hint?

if you get your markdown editor done, can you email me please? I've been looking into how to do this for a while now with no success. — J-Cake, Jul 21 '19 at 05:41

LuckyTuvshee · Accepted Answer · 2019-07-21T07:11:16.423

0

I've solved it, see this post

In other to make the element look like textarea, you should translate a carriage return into a br html tag.

In this post:

You could just apply CSS white-space:pre on the element, exactly like the HTML textarea element is internally doing:

<span style="white-space:pre">your  text  \n will \n be \n on multiple \n lines</span>

edited Jul 21 '19 at 07:11

answered Jul 21 '19 at 05:25

LuckyTuvshee

1 Answers1