Возможный дубликат:
Вставить текст под курсором в редактируемом div
У меня есть плагин code / jQuery.
jQuery.fn.extend({
insertAtCaret: function(myValue) {
return this.each(function(i) {
if (document.selection) {
//For browsers like Internet Explorer
this.focus();
sel = document.selection.createRange();
sel.text = myValue;
this.focus();
}
else if (this.selectionStart || this.selectionStart == '0') {
//For browsers like Firefox and Webkit based
var startPos = this.selectionStart;
var endPos = this.selectionEnd;
var scrollTop = this.scrollTop;
this.value = this.value.substring(0, startPos) + myValue + this.value.substring(endPos, this.value.length);
this.focus();
this.selectionStart = startPos + myValue.length;
this.selectionEnd = startPos + myValue.length;
this.scrollTop = scrollTop;
} else {
this.value += myValue;
this.focus();
}
})
}
});
Этот код выполняет функцию вставки символа, отличного от значения по умолчанию, в каретку. Например, кто-то нажимает клавишу табуляции, она вставляет \ t, или они нажимают кнопку E, и вместо этого вставляется P. Проблема, с которой я столкнулся, заключается в том, что этот код прекрасно работает в текстовом поле, но когда я пытаюсь использовать его в div contentEditable, ничего не происходит. Могу ли я изменить этот код для работы с div contentEditable? Спасибо!
РЕДАКТИРОВАТЬ
Демо здесь: http://jsbin.com/esiced/9/edit
value
наinnerHTML
? - person alex   schedule 24.10.2011