如何在tinyMCE下的textarea中添加指针当前位置的文本?

时间:2013-07-26 10:57:45

标签: jquery tinymce

我正在使用这个HTML代码:

<textarea id="furmul" style="height: 300px;"></textarea>
<button type="button" id="ok">OK</button>

我使用这些行将文本添加到指针的当前位置以获得简单的textarea:

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

但是你知道要为tinyMCE添加一个值,我们应该使用

tinyMCE.activeEditor.setContent(myValue)

为了获得一个微小的MCE内容,我们使用:

tinyMCE.get(id).getContent()

问题是,在insertAtCaret函数中我应该替换上面的代码以将myValue添加到tinyMCE中指针的当前位置吗?

Demo可能会对您有所帮助。

感谢。

1 个答案:

答案 0 :(得分:2)

您可以使用tinymce API

tinymce.get('your_textarea_id').execCommand('insertHTML', false, my_value);

看看你改变的小提琴:http://jsfiddle.net/gHN8G/13/