dalla domanda precedente, ho pensato che sarebbe stato relativamente semplice ma non riesco a trovare alcuna documentazione su come aggiungere stili al menu a discesa "stili". qualcuno può spingermi nella giusta direzione?silverstripe - aggiungendo stili al menu a discesa "stili" nell'editor
risposta
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.
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.
Questa è la documentazione ufficiale sul file editor.css http://doc.silverstripe.org/framework/en/reference/typography – Cam
- 1. stili ReStructuredText
- 2. ASP.NET MenuItem Stili individuali
- 3. mancano stili css
- 4. Menu a discesa Bootstrap nel menu a discesa
- 5. Aggiungere stili a console.table() in chrome
- 6. Come creare stili calcolati del gruppo Firebug?
- 7. Menu a tendina personalizzati/menu a discesa
- 8. Come mantenere aperto il menu a discesa per testare gli stili su <option> in firebug?
- 9. Riutilizzo stili nidificati MENO
- 10. Come riutilizzare gli stili?
- 11. TSaveTextFileDialog e Vcl Stili
- 12. Ignora stili senza! Importante
- 13. Aggiunta di stili personalizzati a CKEditor
- 14. Applicazione di stili WPF a voci figlio
- 15. animazione angular2 con stili variabili
- 16. aggiungendo un elenco a discesa personalizzato in tinymce
- 17. stili primari non applicati angolari2
- 18. html css menu a discesa
- 19. Typeahead - menu a discesa scorrevole.
- 20. Menu a discesa ActionBar Styling
- 21. DevExpress ExpressSkin o stili VCL?
- 22. Pulsante Stili WPF MouseOver Domanda
- 23. Come scoprire quali stili vengono applicati al controllo?
- 24. Stili angolari2 in una direttiva
- 25. stili e binding in WPF
- 26. Struttura dati più efficiente per aggiungere stili al testo
- 27. Componenti Angular2 - Stili lineari dinamici
- 28. Come applicare gli stili CSS al solo testo
- 29. JQuery - Aggiunta dell'evento di cambiamento al menu a discesa
- 30. Aggiungi opzioni personalizzate al menu a discesa in Magento
Se si aggiunge una classe a typography.css ma non viene visualizzata nel menu a discesa, provare a svuotare la cache del browser. – Joril
Come @markus menzionato, TinyMCE cerca un file chiamato editor.css nella directory css, e non typography.css –
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