So I have this scenario
<div id="editor" contenteditable="true">
<div id="list">Hello</div>
</div>
I want to call
var html = $('<div id="replaced" contenteditable="false">Hello</div>');
$('#list').replaceWith(html);
The problem is I want the output to be like this:
<div id="editor" contenteditable="true">
<div id="replaced" contenteditable="false">Hello</div><br />
</div>
I tried the following and it didn't work: (Where this is the div replacing tmp.mention)
$('#'+tmp.mention).replaceWith(this).parent().after('<br />');
I want to do this because the div replacing tmp.mention has contenteditable set to false inside a div editor that has a contenteditable set to true. If there's no
the user will not be able to type after the div...
Try this:
$('#'+tmp.mention).replaceWith($(this).parent()).after('<br />');
I think you need
var html = $('<div id="replaced" contenteditable=false>Hello</div>');
$('#list').replaceWith(html);
But if you want to whole #editor
then
var html = $('<div id="replaced" contenteditable=false>Hello</div>');
$('#list').parent().replaceWith(html);
If you want output like
<div id="editor" contenteditable="true">
<div id="replaced" contenteditable="false">Hello</div><br />
</div
then try
var html = $('<div id="replaced" contenteditable=false>Hello</div>');
$('#list').replaceWith(html).after('</br>');
尝试这个:
$('#list').replaceWith('<div id="replaced" contenteditable="false">Hello</div><br />')
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.