En appliquant une feuille css dans TinyMCE

Je suis la mise en œuvre de ForeColor dans la TinyMCE Éditeur de Texte Riche.

il utilise le style à appliquer forecolor pour le texte sélectionné comme ce

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

je veux appliquer le style css de la classe au lieu de "style" ici.. comment appliquer le style css de la classe ici? Ces Classes Css contiennent ColorCodes.

Exemple:

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

Ma Classe CSS

.colorRed
{
color: #ff0000;
}

merci

OriginalL'auteur SAK | 2010-07-02

  1. 9

    Parce que vous voulez que votre css à appliquer à tinymces éditeur de contenu, vous devez ajouter votre classe à la classe de votre éditeur de contenu de style avec.

    Si vous n'êtes pas à l'aide d'un définis par l'utilisateur content_css fichier lors de l'initialisation de tinymce (init-fonction) une content_css fichier sera utilisé en fonction du thème que vous avez défini dans la fonction init (fichier se trouve dans un sous-dossier du dossier de thèmes).

    Je vous suggère de créer un contenu propre.css qui vous chargez à l'aide d'content_css paramètre dans la fonction init. Voir ce lien pour la tinymce documentation pour cette. Pour une première étape, vous pouvez copier un contenu.css à partir du répertoire de thèmes et de le modifier.

    merci pour la réponse..j'ai juste copié le contenu de contenu.css pour un nouveau fichier css et mes codes de couleur.. puis j'ai compris content_css : "/mycontent.css" à tincyMCE fonction init dans tiny_mce_src.js fichier. Dois-je suivre les instructions correctement?je n'obtiens pas le résultat escompté!!
    vous pouvez utiliser firebug pour avoir un coup d'oeil dans la tinymce editory iframes tête pour vérifier si elle a pris votre fichier css. si vous n'êtes pas sûr minuscule pris votre fichier css essayer une URL contenant votre css: "content_css: 'mydomain.com/webroot/../content.css'".
    vous pouvez aussi poster un lien vers un weblocation (si disponible) pour que je puisse avoir un coup d'oeil
    où appliquer de 20 couleurs dans mycontent.css?il est là, body,td,pré{} ?
    si vous êtes en utilisant le <editor> la balise vous pouvez ajouter [init]="{ height:'300'}", ce qui pourrait aider d'autres personnes en utilisant les versions les plus récentes angulaire. (par exemple, <éditeur [init]="{height:'300'}"></éditeur>)

    OriginalL'auteur Thariama

  2. 2

    De recherche sur content_css un attribut ajouter votre fichier CSS chemin d'accès relatif(j'.e:myLibFolder/myCss.css) après l'ajout de ","

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


});

    OriginalL'auteur Abdennour TOUMI