Discussion :

[whitespirit]

Bonjour,

J'ai intégré l'éditeur Tinymce et mes textarea se transforment en éditeur. Lorsque je désactive tiny c'est le style de ma feuille css qui prend en charge le texte généré, et donc la mise en forme sous tiny n'est plus respecté (couleur de police, lien, etc).

Est-il possible, d'ajouter un style pour l'élément que j'ai défini dans mon css : .formulaire textarea[disabled='disabled'] { pour ne pas prendre le css existant mais d'appliquer uniquement le style html/css qui a été généré par tinymce...

Bon, je ne sais pas si j'ai bien parlé la france donc je reformule : comment afficher un texte html défini dans une variable (php) sans prendre en compte le style déjà existant, uniquement pour cette variable.

Voilà, si vous avez une réponse...

Merci

[franculo_caoulene]

Salut,

Essaie de ne pas mettre ton code dans un textarea mais dans un div. TinyMCE n'utilise ton textarea que comme point de repère pour intégrer une iframe, puis ensuite probablement pour envoi des informations à la soumission du formulaire. Je n'ai pas vérifié la seconde partie.

[pierre24]

As tu trouvé un tuto pour l'installer ?

[whitespirit]

Mais si je le met dans une <div> le texte html que je récupère dans une variable va perdre tout son style créer au sein même de la variable. Par exemple, mon fichier template.css général met les balises <p> d'une certaine forme. Dans ma variable contenant du css, je n'ai pas envie que les balises <p> utilise le css de template.css mais affiche tel quel le contenu de cette variable.

En fait, dans un cas j'écris un article via tinymce. Dans un second cas j'affiche cet article, et le rendu doit être le même que celui écris via tinymce et sans prendre en compte le template.css.

J'ai du mal à expliquer ce que je souhaite, certainement car on est vendredi.

Merci

[franculo_caoulene]

En effet, ce genre d'éditeur définit les styles dans les attributs des balises html. Ils prennent donc le dessus. Seulement, quand rien n'est défini comme dans la balise <p> c'est ton CSS qui met en forme ces éléments <p>.

Je vois deux solutions:
1) une iframe comme l'éditeur lui-même
2) définir une classe pour le conteneur dans lequel est affiché le rendu. Puis redéfinir les styles par défaut pour les éléments descendants de l'élément conteneur.
Par exemple:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
p {margin:50 0;}
.conteneurTinyMCE p {margin;0}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<p>mise en forme originale</p>
<div class="conteneurTinyMCE">
    <p>mise en forme TinyMCE</p>
</div>

[whitespirit]

As tu trouvé un tuto pour l'installer ?

Pour installer tinymce ? Ben y'a rien à installer, tu ajoutes du code dans le header et après il remplace automatiquement tout tes textarea par un éditeur tinymce. Ce code tu le récupères dans les exemples fournit dans le pack téléchargé.

Merci de ces réponses mais ça ne me convient pas. En fait, je souhaiterai faire abstraction de tinymce. Le code généré par tinymce est ensuite stocké dans ma base de données. Lorsque je récupère l'élément dans une variable de type chaine de caractères, je ne l'affiche pas dans un élément "input textarea" mais par un simple echo $texte_html, et le texte html est affiché tel quel là ou je fais mon echo.

C'est à ce moment que je ne sais plus quoi faire, parceque tel quel, ma feuille de style template.css formate le html de cette variable et je perds toute la mise en forme.

Je rêve d'une balise <div class = "plus_de_css_ici">....</div>. Il n'y a pas moyen de faire un genre clear:both mais qui clear toutes les classes et id et héritage de css existant jusqu'à présent ?