How do I make a div with a contentEditable set show a blinking cursor on the page load?

Question

I would just like to have an editable div that acts like a text box that focuses on page loading (i.e. a blinking cursor is visible, and text input is displayed in a div without having to select a div with the mouse). I tried calling focus () on an editable div, but this does not work.

Answer 1

I'm not sure you can control the cursor, but you can just focus the element:

function initPage() {
    var elEd = document.getElementById('editor');
    elEd.contentEditable=true;
    elEd.focus();
}

Chrome, ID - , . Firefox , , . .