I want to insert a line break and set the caret position in the new line.

I have this

<!-- editable -->
<div>
    hello
</div>

Then I add a new line

document.execCommand("insertHtml", false, "world" + "<br> ");

But the caret is not moved after the <br>, so when I type the text doesn't go to the new line.

How can I set the caret position in the new line so when I type it goes bellow?

Actual result:

helloworld<typedtext>

Expected result:

helloworld
<typedtext>

Example on jsFiddle

Tested on Chrome 15

I want to insert a line break and set the caret position in the new line.

I have this

<!-- editable -->
<div>
    hello
</div>

Then I add a new line

document.execCommand("insertHtml", false, "world" + "<br> ");

But the caret is not moved after the <br>, so when I type the text doesn't go to the new line.

How can I set the caret position in the new line so when I type it goes bellow?

Actual result:

helloworld<typedtext>

Expected result:

helloworld
<typedtext>

Example on jsFiddle

Tested on Chrome 15

• javascript
• dom
• execmand

• that's working for me but no in ie9, jsfiddle/BhZzu – Eric Fortis Commented Aug 14, 2011 at 16:08
• It works for me on Chrome Canary. – pimvdb Commented Aug 14, 2011 at 16:43

2 Answers 2

just add a line break and it will move it in chrome so some thing like this

document.execCommand("insertHtml", false, "world");
document.execCommand('insertParagraph',false); 

Question was asked a while ago but hope it helps someone anyway

document.execCommand('insertText', true, 'hi\\r\\nworld')