Stosowanie css w TinyMCE

Question

Wdrażam ForeColor w edytorze tekstu RTF TinyMCE.

używa styl zastosować ForeColor do zaznaczonego tekstu, jak się ten

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

Chcę zastosować klasę css zamiast „stylu” tutaj .. jak zastosować klasę css tutaj? Te klasy Css zawierają kody kolorów.

Przykład:

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

Moje CSS Klasa

.colorRed 
{ 
color: #ff0000; 
} 

dziękuję

Answer 1

Ponieważ chcesz, aby css być stosowane do zawartości edytora tinymces trzeba będzie dodać swoją klasę do klasa, w której zawartość twojego redaktora jest stylizowana.

Jeśli nie używasz pliku content_css zdefiniowanego przez użytkownika podczas inicjowania tinymce (funkcja-init), zostanie użyty plik content_css w zależności od motywu ustawionego w funkcji init (plik znaleziony w podfolderze motywów folderów).

Proponuję utworzyć własny plik content.css, który zostanie załadowany za pomocą ustawienia content_css w funkcji init. Zobacz this link dla dokumentacji tinymce dla tego. W pierwszym kroku możesz skopiować jeden z content.css z katalogu tematów i zmodyfikować go.

Answer 2

Szukaj na content_css przypisują dodatek plik CSS ścieżkę względną (tzn myLibFolder/myCss.css) po dodaniu „”

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


});