2010-01-26 21 views

risposta

11

Il menu a discesa degli stili viene popolato automaticamente in base alle classi trovate nel file typography.css del tema. Per aggiungere classi, assicurati solo che siano definite lì. In alternativa, se si desidera assegnare alle classi nomi più amichevoli o rimuovere alcune classi dall'elenco, è possibile definire esplicitamente gli stili che si desidera elencare inserendo questo nel file _config.php.

HtmlEditorConfig::get('cms')->setOption('theme_advanced_styles', 
    'Name 1=class1;Name 2=class2'); 

E 'una caratteristica fornita dal TinyMCE, la componente editor WYSIWYG, e questa linea è sufficiente impostare l'impostazione theme_advanced_styles di TinyMCE quando viene utilizzato da CMS. Anche lo This thread on the TinyMCE site ne parla.

Nota anche la risposta di Markus qui sotto: editor.css deve essere nella cartella css del tema e includere typography.css.

+2

Se si aggiunge una classe a typography.css ma non viene visualizzata nel menu a discesa, provare a svuotare la cache del browser. – Joril

+0

Come @markus menzionato, TinyMCE cerca un file chiamato editor.css nella directory css, e non typography.css –

+1

Credo che tu possa effettivamente mettere il tuo file css 'editor' ovunque e chiamarlo come preferisci. Puoi configurare TinyMCE per caricare qualsiasi file css in _config.php con il seguente codice: 'HtmlEditorConfig :: get ('cms') -> setOption ('content_css', '/ themes/my-amazing-theme/styles/kick- ass-editor-styles.css '); ' – Matt

6

La risposta di @Sam Minnée funziona solo se l'editor.css è anche nella cartella css del tema e include typography.css.

Ecco un altro detailed description di come questi due giocano insieme.

Se hai problemi ottenere i nuovi stili appaiono nell'editor, provare quanto segue:

  • yoursite.com/admin/?flush=1
  • controllare i permessi dei file sul vostro mitemi/css/file editor.css. Dovrebbe essere leggibile dall'utente del web server.
+1

Questa è la documentazione ufficiale sul file editor.css http://doc.silverstripe.org/framework/en/reference/typography – Cam