0

テキストボックスの現在のカーソル位置にテキストを挿入するために insertAtCaret を使用していますが、テキストボックスが htmleditorextender に関連付けられると失敗します (テキストボックスが htmleditorextender の子要素になったか、iframe を作成する可能性があるためだと思います)。

これは、htmleditorextender がない場合に正常に動作する私の insertAtCaret JavaScript です。htmleditorextender に関連付けられているテキスト ボックスは txtEmailBody です。txtEmailBody を別の方法で参照する必要がありますか?

function insertAtCaret(text) {
     var txtarea = document.getElementById("<%=txtEmailBody.ClientID%>")
     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;

 }

ありがとう。

4

1 に答える 1

0

答えはこちらhttp://jsfiddle.net/VzbYJ/32/

htmleditorextender への参照を次のように変更するだけです。

$(".btn").click(function () {
        var el = $find("<%= HtmlEditorExtender3.ClientID %>")._editableDiv;
        pasteHtmlAtCaret("Some <b>random</b> text", el);
    });
于 2013-10-02T10:15:25.970 に答える