JavaScriptエディターにはどのように記入しますか？

Question

FillFormメソッドを使用してhtmlフォームを入力するのにTEmbeddedWebBrowserを使用します。しかし、私のHTMLフォームには、完全にjavascriptベースのエディターが含まれており、その記入方法はわかりません。

このような何か：

your comment : 
<script type='text/javascript' src='public/scripts/src/editor.js?1'></script> 

そしてbtton提出：

<input type="submit" name="btnSubmit" id="btnSubmit" value="Send" class="btn" onclick="rtevalue(&quot;data[body]&quot;,437934);" /> 

Answer 1

エディタ自体は= oncontentEditable/designModeからDIV（他のHTML要素であってもよい）またはIFRAMEセットです。
要素がDIVの場合は、InnerHTMLプロパティを使用できます。

procedure TForm1.Button1Click(Sender: TObject); 
var 
    editorDoc: OleVariant; 
    range: OleVariant; 
    id: OleVariant; 
begin 
    id := 'editor'; // frame ID 
    editorDoc := (WebBrowser1.Document as IHTMLDocument2).parentWindow.frames.item(id).Document; 
    range := editorDoc.body.createTextRange(); 
    // range.collapse(false); // if you need to append 
    range.select(); 
    range.pasteHTML('<b>Boo!</b>'); 
end; 

注：コードを簡単にするためにチェック

• エラーなしIFRAMEで最良の結果を得るために
  は、以下のコードを使用します。
• また、（TEmbeddedWebBrowserでテストが、私はIEにHTML/Javascript無地でそれをしようとしたときに偽の結果を持っていません）range.execCommand('inserthtml', false, MyText)を試してみてください。

Answer 2

私はこのTEmbeddedWebBrowserツールに関する経験がないが、あなたのポストによると、私が取得する方法を考えていますフォームのフィールド。それがどのフィールドに含まれているかを知ったら、あなたの投稿の目的ではないように、あなたはそれらを記入できると思います。

1. が宣言した形であり、それが到達可能であると仮定すると：あなたはその.elementsコレクションを解析 フォームをつかむことができます：それはあなたのページ で宣言されています簡単場合（それをid属性を与え、その後、document.getElementById()を使用します） 、 フォームが/ editor.jsの内部で宣言されている場合は、document.formsを使用してもまだ実行可能です。

2. そうでない場合：あなたはネットからダンプ スクリプトを取得することができます - this oneのように - とお電話の際はdump(data)またはdump(data[body])（editor.js自然 含む後）に印刷されるかを参照してください。 data[]は、 onclickと呼ばれるrtevalue()の引数として使用される であるため、フォームのキーと値のペアが含まれている必要があります。このメソッドの悪い点は、data[]は にJavascriptで埋めなければならないということです。フォームにラジオボタンまたは チェックボックスがある場合は、選択したものだけが表示されることがあります。このトリックを試す前に最初のオプションでショットします。それは動作しません回（フォームが関与している場合は特に）、のほとんどがappendChild()を持っているとして、あなたは直接文書にHTMLサブツリーを挿入するためにinnerHTMLを使うべきではありませんコメントについて

は、に作業をやり直します正しい文書を保証する、このような：

var dummyContainer=document.createElement("span"); 
var dummyContainer.innerHTML="..."; //insert stuff here, because it's easy to use ;) 
myContainer.innerHTML=""; //clearing your "real" container doesn't add anything to the HTML tree, it'll work - you can also use removeChild() in a loop (but it's not as easy to use!) 
myContainer.appendChild(dummyContainer); //appendChild will translate properly the text inserted by innerHTML in dummyContainer into a clean HTML subtree