31

jQueryを使用して既存のCKEditorにテキストを追加しようとしています。これは、リンクがクリックされたときに実行する必要があります。

私はこのソリューションを試しました。これは通常のテキストエリアでは機能しますが、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()。ただし、これにより、カーソルではなく、最後または最初にテキストが追加されます。

それで、これを達成する方法はありますか？

4

4 に答える 4

43

これを使用する必要があります

$.fn.insertAtCaret = function (myValue) {
    myValue = myValue.trim();
    CKEDITOR.instances['idofeditor'].insertText(myValue);
};
于 2012-04-19T08:22:56.520 に答える
19

CKEditor自体にテキストを挿入するメカニズムがあります。直接更新するtextareaと、実際には、CKEditorが入力されたテキストを追跡しなければならないメカニズムの一部をバイパスしていることになります。これを試して：

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

詳細はこちら

于 2012-04-19T08:18:05.743 に答える
4

ckeditor用のjQueryアダプターを使用している場合は、この方法でjQueryを使用してテキストを挿入できるため、少し見栄えがよくなります。

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

またはHTMLを挿入する場合

$('textarea#id_body').ckeditor().editor.insertHtml('<a href="#">text</a>');
于 2014-07-14T16:41:45.590 に答える
0

似たようなものが必要でした。CKEditor 3.6（予算のため）、JQuery、Bootstrapを使用しています。CKeditorの本体をクリックするとテキストが挿入されるボタンのリストが必要でした。データ要素からボタンのリストを作成し、クリックイベントを追加しました。私のオブジェクトは、値を貼り付けるために読み取るデータ属性を持つ入力ボタンです。

.insertText（ "texthere"）は、カーソルが本体のどこにあるかに値を置くために必要なアクションを提供します。

$(function () {
  $(".dataelement").click(function () {
          InsertDataElement($(this).data("valtxt"));
      });
});
function InsertDataElement(valtxt) {
    CKEDITOR.instances['FullDescription'].insertText(valtxt);
}

于 2021-05-07T13:39:06.633 に答える