Insert text at cursor in a content editable div

Posted by nijikunai on Stack Overflow See other posts from Stack Overflow or by nijikunai
Published on 2010-05-27T10:09:46Z Indexed on 2010/05/27 10:11 UTC
Read the original article Hit count: 219

Filed under:

contenteditable

I have a contenteditable div where I need to insert text at the caret position,

This can be done in IE by document.selection.createRange().text = "banana"

Is there a similar way of implementing this in Firefox/Chrome?

(I know a solution exists here , but it looks sorta clumsy)

Thank you!

Related posts about contenteditable

Make an h2 tag unremovable in a contenteditable section

as seen on Stack Overflow - Search for 'Stack Overflow'
is it possible to make a section within a contenteditable element permanent, so that a user cannot remove it? I have an h2 tag in a contentEditable div. I don't want the user to edit the h2 tag, so I set contentEditable=false, but the user can still select and remove it, which I want to disallow… >>> More
Set caret position in contenteditable div layer in Chrome/webkit

as seen on Stack Overflow - Search for 'Stack Overflow'
Hello, I'm trying to set the caret position in a contenteditable div layer, and after a bit of searching the web and experimenting I got it to work in firefox using this: function set(element,position){ element.focus(); var range= window.getSelection().getRangeAt(0); range.setStart(element… >>> More
contentEditable javascript caret placement in div

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a contentEditable div. Let's say the user clicks a button that inserts HTML into the editable area. So, they click a button and the following is added to the innerHTML of the contentEditable div: <div id="outside"><div id="inside"></div></div> How do I automatically… >>> More
How to edit a link within a contentEditable div

as seen on Stack Overflow - Search for 'Stack Overflow'
Does anyone have any suggestions on how to edit an link in a contentEditable div? It would be ideal once the link is either clicked with mouse, or the cursor hits the link, that the a small prompt would pop up and allow the user to change the href property of the link. The prompt isn't the issue… >>> More
How to move cursor to end of contenteditable entity

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi I need to move caret to end of 'contenteditable' node like on gmail notes widget i read threads on stackoverflow, but that solutions use input's and doesn't work with content editable >>> More

Developer IT

Insert text at cursor in a content editable div - Developer IT

Insert text at cursor in a content editable div

contenteditable

Related posts about contenteditable

Make an h2 tag unremovable in a contenteditable section

Set caret position in contenteditable div layer in Chrome/webkit

contentEditable javascript caret placement in div

How to edit a link within a contentEditable div

How to move cursor to end of contenteditable entity

Categories cloud