CodeDump
james james - 11 months ago 38
HTML Question

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>
or
<br>
, bold becomes
<strong>
, link becomes
<a>
). Is there a way to do this with some kind of JS plug in?

Mitch Karajohn 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/

Sign up

Sign up with GitHub
Latest added
RoR : Params object modified in 1 controller does not propogates to the chained controllers
Ruby second_base dump schema
React router v4 - How to properly protect components from unauthorized users
Include the text of a `bibentry` in the (R)markdown text body output
R: regex from first character to the end of the string
Understanding Non-Default Python Configuration in tox.ini
Function is returning null instead of the array object, looks very simple
Picking and assigning multiple subsets from multiple sets in numpy
Nested Dictionary Parsing - Python 3
How can I create my own "parameterized" type in Python (like `Optional[T]`)?
Pyhton - save API responses to csv file in a for loop
Calculate parking fee. '&' versus 'and'
Adding noise to numpy array
Regex for capturing smallest group
sqlsvr driver problems
How do references in Perl work
How to search for a six-letter word with letters in alphabetical order
Printing words with capital letters in Perl using regex
How to use/test NSProgress userInfo changes of a child NSProgress instance
I cannot get msqli_result to print