Вставьте текст в позицию курсора в CKEditor, используя jQuery

Я пытаюсь добавить фрагмент текста в существующий CKEditor, используя jQuery. Это необходимо сделать при нажатии ссылки.

Я пробовал это решение, которое работает для регулярных текстовых областей, но не для CKEditor:

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();
      }
    })
  }
});

Существует также возможность использовать: $('#editor').val(), но это добавляет текст в конце или в начале, а не в курсоре.

Итак, есть ли способ сделать это?

Ответы

Ответ 1

Вы должны использовать этот

$.fn.insertAtCaret = function (myValue) {
    myValue = myValue.trim();
    CKEDITOR.instances['idofeditor'].insertText(myValue);
};

Ответ 2

Сам CKEditor имеет механизм для вставки текста. Если вы обновляете textarea напрямую, вы действуете в обход некоторых механизмов, CKEditor должен отслеживать, какой текст был введен. Попробуйте следующее:

CKEDITOR.instances.IDofEditor.insertText('some text here');

Подробнее здесь

Ответ 3

Я думал, что должен упомянуть, что если вы используете jQuery-адаптер для ckeditor, вы можете вставить текст с jQuery таким образом, который выглядит немного чище.

$('textarea#id_body').ckeditor().editor.insertText('some text here');

или если вы вставляете HTML

$('textarea#id_body').ckeditor().editor.insertHtml('<a href="#">text</a>');