HTML Editing via Textarea and Div Primer Tutorial

HTML Editing via Textarea and Div Primer Tutorial

HTML Editing via Textarea and Div Primer Tutorial

We want to reopen our comparison of HTML textarea and div elements, further to …

… aspects to this discussion, because we want to introduce, on the HTML div element side of the ledger the (global) attribute …


contenteditable="true"

… an attribute that can turn the HTML div element into a great “display” mode (HTML) editing tool. Think those Content Management Systems

  • “textarea” HTML edit windows … teamed with those …
  • “div” Display edit windows for the web browser look of that underlying HTML

… and again, for all those budding bloggers out there, a bit rusty on the HTML this …


<div contenteditable="true">HTML and/or Textual content can go here</div>

… once with the underlying HTML supplied to it, can be the go for you editing blog postings.

You can try our pretty simple introductory view of this at this live run link whose underlying HTML and Javascript and CSS can be perused and/or downloaded as contentEditable_true.html if you like, and we hope you like. If this all sounds very familiar to you, compare these ideas to those at Do It Yourself HTML Editor Integration Tutorial if you like, and we hope you like.

If this was interesting you may be interested in this too.

This entry was posted in eLearning, Event-Driven Programming, Tutorials and tagged , , , , , , , , , , , , . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>