Question sur le contenu de TinyMCE CSS

Je suis confronté à un problème avec TinyMCE.Question sur le contenu de TinyMCE CSS

Je développe une fonctionnalité sur le côté administration de mon site Web, où l'administrateur peut modifier le contenu des pages. Je leur ai fourni le TinyMCE à cet effet. Supposons qu'ils éditent la page 'page1'.

Ils fourniront son contenu dans TinyMCE et l'enregistreront.

Quand quelqu'un est en visite cette page 'page1' tout ce que je fais est:

<html> 
     <head>.........</head> 
     <body> 
      ....... 
      <div class='page_content'> 
       <?php echo $page1->getContent(); ?> 
      </div> 
      ...... 
     </body> 
    </html>

Tout fonctionne très bien.

Maintenant, TinyMCE fournit une fonctionnalité où vous indiquez quel CSS utilisera. Vous définissez le CSS requis à la propriété 'content_css' de la fonction init TinyMCE. Je l'ai fait, j'ai fourni le CSS que j'utilisais pour styliser le contenu de ma page.

Maintenant, mon problème est le suivant:

Le contenu de ma page est en div.page_content. Mais dans TinyMCE, le contenu de cette page ne se trouve dans aucune autre chose (div.page_content). Donc, le style que TinyMCE applique à mon contenu, pendant que je l'édite, n'est pas visuellement efficace.

La seule façon que je peux penser, pour résoudre ce problème est en disant TinyMCE ajouter

<div class='page_content'>

en haut. Et puis, quand l'administrateur soumettra les données, je supprimerai ce div supplémentaire.

Des suggestions?

Source

2009-11-05 Krishna Kant Sharma

La façon dont je résoudrais ceci est d'ajouter la classe "mceContentBody" aux définitions CSS avec une virgule comme seperator. Par exemple:

.page_content, .mceContentBody { 
    put your code here.. 
}

Source

2009-11-05 13:47:00 sv88

Bonne astuce. Mais cela nous oblige à changer nos css pour beaucoup de choses. Supposons que nous ayons de nombreuses définitions de CSS enfant, qui sont sélectionnées en référence à .page_content (par exemple: .pageContent div.abc h1). Vous devrez changer chacune de ces occurrences. –

Il existe une option dans la configuration TinyMCE appelée «body_class». Vous n'avez plus qu'à ajouter "body_class = 'page_content'"

Source

2009-12-19 18:13:59

Question sur le contenu de TinyMCE CSS

Répondre

Questions connexes