How to append text in contenteditable div with jQuery

Question

I have a contenteditable div:

<div contenteditable="true"  title="sometitle"  id="ftext"></div>

and jQuery code:

$('#htmadd').click(function(){
    $('#ftext').append($('#htmtext').val());
});

How can I append code from #htmtext to #ftext with converting in html tags and on cursor position. (or just how to get cursor position in this div)

"with converting in html tags" - what does that mean? Keeping the literal `` in the text? Or making the text bold? — Andrew Brooke, Dec 29 '15 at 23:00
This might be useful [get-caret-position-in-contenteditable-div-including-tags](http://stackoverflow.com/questions/16736680/get-caret-position-in-contenteditable-div-including-tags) — abeyaz, Dec 29 '15 at 23:05
It should already be bold, check out this [fiddle](https://jsfiddle.net/nyho8mmp/) — Andrew Brooke, Dec 29 '15 at 23:06

score 0 · Accepted Answer · edited May 23 '17 at 11:52

0

not really sure what you are asking, or is this two questions: 1) how do I get the contents on the $('#htmtext') to $('#ftext') ?

//get the html contents of an element
var stuff = $('#htmtext').html();
//add the html to an element
$('#ftext').append(stuff)

as for getting the cursor position, that has been answered here:

edited May 23 '17 at 11:52

Community

answered Dec 29 '15 at 23:07

Cory

1 Answers1