Hinzufügen eines benutzerdefinierten Stil zu Content-Editor

Question

ich den Standard-Content-Editor, die einen iFrame als Textbereich verwendet und dann Onchange von Dropdown-Listen führt sie:

idContent.document.execCommand (cmd "", opt);

wo "IDContent" ist der iFrame.

Eines der Dropdowns soll Stil sein, aber es führt einen "FormatBlock" -Befehl aus.

Ich habe ein benutzerdefiniertes Stylesheet. Gibt es eine Möglichkeit für mich, Styles, die ich erstellt habe, in diesen Stil zu integrieren? Wenn nicht, kann ich ein anderes Dropdown für diese benutzerdefinierten Stile haben, aber wie lautet der Befehlsname zum Festlegen dieser Stile?

Hier ist die Drop-Down-und Javascript, die ich zur Zeit mit:

<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

Es ist möglich, ein Stylesheet mit dem Dokument zu verknüpfen Sie gerade bearbeiten, vorausgesetzt, Sie sind in der iframe haben ein Dokument in designmode. Das Stylesheet kann die Stile enthalten, die Sie verwenden können, indem Sie CSS-Klassennamen von Elementen ändern oder in ein HTML-Element mit einem Klassennamen einfügen. Sie können es jedoch nicht mit den Befehlen von designMode anwenden. Sie müssen die Auswahlen & Bereiche verwenden und das HTML-Markup manuell ändern, um das gewünschte Styling zu erhalten.

Lesen Sie den folgenden Artikel über die allgemeinen Befehle, die Sie anwenden können: https://developer.mozilla.org/en/Midas

Die folgenden Artikel erweiterten Bearbeitungstechniken erläutern Auswahl mit & Ranges: https://developer.mozilla.org/en/DOM/Selection

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