How to create an input field where you can type naturally, and then it translates it into HTML?

Not entirely sure how to ask this question so sorry about that... any pointers on where to look is good.

I'm trying to have a

textarea

input field just like when you post a new StackOverflow question. You can have line spaces, you can bold text, you can insert link etc.

However, when you push some kind of button, all of that gets translated into a long HTML string (e.g., spaces become

<p>

<br>

, bold becomes

<strong>

, link becomes

<a>

). Is there a way to do this with some kind of JS plug in?

Recommended for you: Get network issues from WhatsUp Gold. Not end users.

Mitch Karajohn

Answer Source

What you describe is a What You See Is What You Get (WYSIWYG) editor.

Google "WYSIWYG editor library"

Examples:

https://prosemirror.net/

https://www.tinymce.com/

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download

How to create an input field where you can type naturally, and then it translates it into HTML?

Sign up