Show blinking text cursor on html document

Question

I am writing my own jquery-based WYSIWYG HTML editor. To achieve this, I am learning jWYSIWYG. I realized that I needed a regular html container (e.g. div) to display formatted text. And I need to bind all events (keydown, mouseclick) to apply changes in this container. Another problem arises: how to show a blinking text cursor. I can not understand how this is implemented in jWYSIWYG. There is a simple iframe with an html document. How do they show a blinking text cursor ???

Answer 1

look at contentEditable property;

 getElementById('YourDiv').contentEditable = true; 

http://www.dynamicdrive.com/forums/showthread.php?p=74576#post74576

There are many similar questions here:

How to make a div with blinking cursor and editable text without using <input>?

https://stackoverflow.com/questions/4799445/create-a-blinking-cursor