は、私は、テキスト領域としてiFrameを使用して、ドロップダウンのONCHANGEが実行する標準コンテンツエディタ持つコンテンツエディタ

Question

にカスタムスタイルを追加：

idContent.document.execCommand（CMD、「」、OPT）を、

ここで、 "idContent"はiFrameです。

ドロップダウンの1つはスタイルになっていますが、「formatBlock」コマンドを実行します。

私はカスタムスタイルシートを持っています。私が作ったスタイルをこのスタイルドロップダウンに入れる方法はありますか？そうでない場合、私はこれらのカスタムスタイルのための別のドロップダウンを持つことができますが、それらのスタイルを設定するコマンド名は何ですか？

は、ここで私が現在使用しているドロップダウンとJavaScriptです：

<select onchange="cmdExec('formatBlock',this[this.selectedIndex].value);this.selectedIndex=0"> 
<option selected>Style</option> 
    <option value="Normal">Normal</option> 
    <option value="Heading 1">Heading 1</option> 
    <option value="Heading 2">Heading 2</option> 
    <option value="Heading 3">Heading 3</option> 
    <option value="Heading 4">Heading 4</option> 
    <option value="Heading 5">Heading 5</option> 
    <option value="Address">Address</option> 
    <option value="Formatted">Formatted</option> 
    <option value="Definition Term">Definition Term</option> 
    </select> 

function cmdExec(cmd,opt) 
    { 
    idContent.document.execCommand(cmd,"",opt); 
     idContent.focus(); 
    } 

Answer 1

あなたがiframe内のdesignModeで文書を持っていると仮定すると、現在編集中の文書にスタイルシートをリンクすることが可能です。スタイルシートには、要素のCSSクラス名を変更したり、クラス名を持つHTML要素を折り返したりして、好きなスタイルを適用できます。ただし、designModeコマンドを使用して適用することはできません。選択肢&の範囲を使用し、手動でHTMLマークアップを変更して、目的のスタイルを適用する必要があります。

あなたが適用できる一般的なコマンドで次の記事を読む：https://developer.mozilla.org/en/Midas

以下の記事は、範囲&選択を使用して高度な編集テクニックを説明します： https://developer.mozilla.org/en/DOM/Selection

https://developer.mozilla.org/en/DOM/range