在光标位置的wysihtml5编辑器中添加新文本

时间:2017-05-29 17:53:37

标签: jquery wysihtml5

我已在我的项目中实现了一个wysihtml5编辑器,在该编辑器中,我想在单击下拉列表时附加某些文本。我在jysery的选择星方法和wysihtml5编辑器的setvalue方法上使用了组合。 但是文本总是追加到最后。JSFiddle就是这个。

[http://jsfiddle.net/nt11Lsg2/21/][1]

由于

le.net/nt11Lsg2/21 /

3 个答案:

答案 0 :(得分:1)

你可以试试这个:

var wysihtml5Editor = $('.textarea').data("wysihtml5").editor;
 wysihtml5Editor.composer.commands.exec("insertHTML", txtToAdd);

答案 1 :(得分:0)

尝试附加carret索引。你可以得到这样的位置:

$("#myTextInput").bind("keydown keypress mousemove", function() {
  alert("Current position: " + $(this).caret().start);
});

来自this

的来源

答案 2 :(得分:0)

我会分享一种我多年来一直使用的方法,它执行类似的功能。用户从下拉列表中单击项目,并在文本框的插入符号中插入一些文本。

function insertAtCaret(areaId, ddlID) {
        var ddl = $find(ddlID);
        var text = ddl.get_value();

        var txtarea = document.getElementById(areaId);
        var scrollPos = txtarea.scrollTop;
        var strPos = 0;
        var br = ((txtarea.selectionStart || txtarea.selectionStart == '0') ? "ff" : (document.selection ? "ie" : false));
        if (br == "ie") {
            txtarea.focus();            
            var range = document.selection.createRange();
            range.moveStart('character', -txtarea.value.length );
            strPos = range.text.length;
        }
        else if (br == "ff")
            strPos = txtarea.selectionStart;

        var front = (txtarea.value).substring(0, strPos);
        var back = (txtarea.value).substring(strPos, txtarea.value.length);
        txtarea.value = front + text + back;
        strPos = strPos + text.length;

        if (br == "ie") {
            txtarea.focus();
            var range = document.selection.createRange();
            range.moveStart('character', -txtarea.value.length);
            range.moveStart('character', strPos);
            range.moveEnd('character', 0);
            range.select();
        }
        else if (br == "ff") {
            txtarea.selectionStart = strPos;
            txtarea.selectionEnd = strPos;
            txtarea.focus();
        }
        txtarea.scrollTop = scrollPos; 
    }