デザインモードのIframeにテキストを挿入Iframeの外側にあるボタンでトリガする

Question

編集可能なiframeがあり、iframe外のボタンをクリックしたときにカーソル位置にテキストを挿入したいと考えています。私はテキストを挿入するには、次のコードを使用しようとしています：

function insertAtCursor(iframename, text, replaceContents) { 
     if(replaceContents==null){replaceContents=false;} 
     if(!replaceContents){//collapse selection: 
     var sel=document.getElementById(iframename).contentWindow.getSelection() 
     sel.collapseToStart() 
     } 
     document.getElementById(iframename).contentWindow.document.execCommand('insertHTML', false,  text); 
}; 

私はボタンをクリックして行くときに、フォーカスが変更されるため、これが失敗していると思います。しかし、私はこれを修正する方法がわかりません。ご協力ありがとうございました。

Answer 1

コード挿入に影響するフォーカスシフトについては正しいですか。

jQueryライブラリを使用して、結合ボタンのクリックではiframeにバックフォーカスシフトすることができます。

$('#button').click(function(event) { 
    event.preventDefault(); 
    $('#iframe').focus(); 
    insertAtCursor('iframe', 'test-text', null); 
}); 

を純粋なJavaScriptで、シフトフォーカスをそのようinsertAtCursor（）を実行する前に：

document.getElementById('iframe').focus()