获取TINYMCE游标值以在该位置插入文本

时间:2013-12-10 20:38:52

标签: javascript jquery html tinymce

我有一个Textarea消息框,tinymce插件附加到..

tinymce.init({
    selector: "#id_message",
    mode : "specific_textareas",
      plugins: [
        "advlist autolink lists link image charmap print preview anchor",
        "searchreplace visualblocks code fullscreen",
        "insertdatetime media table contextmenu paste jbimages"
      ],
  toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image jbimages",
  relative_urls: false
});

我还有另一个非tinymce textarea,在Textarea的右边我有一些具有给定value-type属性的订单项元素。单击这些时,它会在Textarea中查找光标所在的位置,并将其value-type值插入Textarea中的当前光标位置,以及包含该值的括号。问题是我无法使用它来使用简单的Textarea,因为我不能很好地使用它,因为它使用了IFRAME。他们是否有人使用以下jquery代码在tinymce textarea上实现? setContent函数看起来很有前途,但它无法找到光标插入值的位置。

$("ul.action_buttons li").on('click', function()
{
    var insert_value = $(this).attr('value-type');
    var content= tinymce.get('id_message')
    var content = $("#testing")
    var textBox = content;

    var textAreaText = $(textBox).val()

    var caretPos = document.getElementById('testing').selectionStart;
    var textToAdd = "{{ " + insert_value + " }} "


    $(textBox).val(textAreaText.substring(0, caretPos) + textToAdd + textAreaText.substring(caretPos) );
    $(textBox).focus()
    $(textBox).setCursorToTextEnd();

});

0 个答案:

没有答案