Die Anwendung von css in TinyMCE

Ich die Umsetzung ForeColor in TinyMCE Rich Text Editor.

es nutzt Stil für forecolor einen ausgewählten text wie dieser 

<span style="color: rgb(255, 0, 0);" mce_style="color: #ff0000;">Hello</span>.

ich möchte css-Klasse " anstelle von "Stil" hier.. wie wendet man die css-Klasse hier? Diese Css-Klassen enthalten, die ColorCodes.

Beispiel:

<span class="colorRed">Hello</span>

Meine CSS-Klasse

.colorRed
{
color: #ff0000;
}

danke

InformationsquelleAutor SAK | 2010-07-02
  1. 9

    Weil Sie möchten, dass Ihre css angewendet werden, um tinymces-editor Inhalte, die Sie benötigen, um Ihre Klasse zu der Klasse editor-Inhalt wird gestaltet mit.

    Wenn Sie nicht mit einer Benutzer-definierten content_css Datei beim initialisieren von tinymce (init-Funktion) eine content_css-Datei verwendet werden, je nachdem, welches Thema Sie haben gesetzt in die Funktion init (Datei verwendet, findet sich in einem Unterordner von Ordner themes).

    Ich schlage vor, Sie erstellen eigene Inhalte.css, die Sie laden mit content_css Einstellung in der init-Funktion. Sehen dieser link für die tinymce Dokumentation für diese. Für einen ersten Schritt könnte man das kopieren der Inhalte.css aus dem themes-Verzeichnis und ändern Sie es.

    • danke für die Antwort..ich habe gerade kopiert den Inhalt von content.css, um eine neue css-Datei und meine Farbcodes.. dann habe ich content_css : "/mycontent.css" zu tincyMCE init-Funktion in tiny_mce_src.js Datei. Ich folgte die Anweisungen korrekt?ich bin nicht immer die erwartete Ausgabe!!
    • können Sie firebug verwenden, um einen Blick in die tinymce editory iframes Kopf, um zu überprüfen, wenn Sie nahm Ihre css-Datei. wenn Sie nicht sicher sind winzige nahm Ihre css-Datei versuchen, eine URL mit css: "content_css: 'mydomain.com/webroot/../content.css'".
    • Sie können auch einen link posten zu einem Weblink (wenn vorhanden), damit ich einen Blick auf Sie
    • wo bewerben 20 Farben in der mycontent.css?ist es hier body,td,pre{} ?
    • ja, es ist der body,tr,pre-oder einfach nur die classname - je nachdem, was Sie anwenden wollen, um welches html-element: pre { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; } .beispiel1 { font-weight: bold; font-size: 14px }
    • wenn es für Sie geeignet ist, anwenden zu können Klassen mit der stylesplugin (aus dem dropdown) brauchen Sie nur erweitern die Initialisierung für den tinymce-Editor (verwenden Sie die Formate einstellen, finden Sie in den tinymce wiki unter Konfiguration)
    • wenn Sie mit der <editor> - tag, das Sie hinzufügen können, [init]="{ height:'300' }", die möglicherweise anderen helfen, mit den neueren Versionen mit Winkelgetriebe. (z.B. <editor [init]="{height:'300'}">< editor>)

    InformationsquelleAutor Thariama
  2. 2

    Suche auf content_css Attribut ein fügen Sie Ihre CSS-Datei ein relativer Pfad(ich.e:myLibFolder/myCss.css) nach dem hinzufügen von ","

    $('textarea.tinymce').tinymce({
                    //
                    //
                    //....
                    ,
                    content_css: "css/content.css,myLibFolder/myCss.css"  
                    ,
                     //


});
    InformationsquelleAutor Abdennour TOUMI
Schreibe einen Kommentar