html可编辑段落,javascript – HTML5内容列表后的可编辑段落

Bryan Allo发布的答案没有考虑到你需要将光标放在div的末尾.否则,每次替换操作时,用户都必须按CTRL-End.

function setEndOfContenteditable(contentEditableElement){

// Taken from https://stackoverflow.com/a/3866442/1601088

var range,selection;

if(document.createRange){//Firefox, Chrome, Opera, Safari, IE 9+

range = document.createRange();

range.selectNodeContents(contentEditableElement);

range.collapse(false);

selection = window.getSelection();

selection.removeAllRanges();

selection.addRange(range);

}

else if(document.selection){//IE 8 and lower

range = document.body.createTextRange();

range.moveToElementText(contentEditableElement);

range.collapse(false);

range.select();

}

}

function replaceDivWithP(el){

$(el).find('div').each(function(){

$(this).replaceWith($('

' + $(this).html() + '

'));

});

}

$(function(){

$(".text").simpleEdit();

});

$('.textarea').bind('keyup', function(){

replaceDivWithP(this);

setEndOfContenteditable(this);

});

​