我有一个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();
});