Rendering HTML inside textarea

by

This is not possible to do with a textarea. What you are looking for is an content editable div, which is very easily done:

<div contenteditable="true"></div>

jsFiddle

div.editable {
    width: 300px;
    height: 200px;
    border: 1px solid #ccc;
    padding: 5px;
}

strong {
  font-weight: bold;
}
<div contenteditable="true">This is the first line.<br>
See, how the text fits here, also if<br>there is a <strong>linebreak</strong> at the end?
<br>It works nicely.
<br>
<br><span style="color: lightgreen">Great</span>.
</div>

More Related Contents:

  1. How do you get the cursor position in a textarea?
  2. Limit number of lines in textarea and Display line count using jQuery
  3. Count textarea characters
  4. How to read line by line of a text area HTML tag
  5. CSS Textarea that expands as you type text [duplicate]
  6. Get value from text area [duplicate]
  7. Date Format UTC in javascript [duplicate]
  8. Change from (+) symbol to (-) after click (function(){
  9. How can i create html automatic change page? [duplicate]
  10. How do I check whether a checkbox is checked in jQuery?
  11. Get file size, image width and height before upload
  12. How to disable all div content
  13. Capture key press (or keydown) event on DIV element
  14. How to scroll to top of page with JavaScript/jQuery?
  15. Trigger Change event when the Input value changed programmatically?
  16. ReferenceError: $ is not defined
  17. Using execCommand (Javascript) to copy hidden text to clipboard
  18. How to get the onclick calling object?
  19. How to use jQuery to select a dropdown option?
  20. JavaScript Scale Text to Fit in Fixed Div
  21. How to detect element being added/removed from dom element?
  22. CSS3-Animate elements if visible in viewport (Page Scroll)
  23. How can I use JSON data to populate the options of a select box?
  24. How to create a responsive image that also scales up in Bootstrap 3
  25. How to focus on a form input text field on page load using jQuery?
  26. How to replace html element with ajax response?
  27. Trigger standard HTML5 validation (form) without using submit button?
  28. How do I make a move up and down when I’m scrolling the page?
  29. Convert dropdown to selection boxes with color and trigger drop down action
  30. Trigger for span text/html on changed

Leave a Comment