de la pregunta anterior, pensé que sería relativamente fácil, pero no encuentro ninguna documentación sobre cómo agregar estilos al menú desplegable 'estilos'. ¿alguien puede empujarme en la dirección correcta?silverstripe: agregando estilos al menú desplegable 'estilos' en el editor
Respuesta
El menú desplegable de estilos se completa automáticamente en función de las clases que se encuentran en el archivo typography.css de su tema. Para agregar clases, solo asegúrate de que estén definidas allí. Alternativamente, si desea dar a las clases nombres más amigables o eliminar algunas clases de la lista, puede definir explícitamente los estilos que desea enumerar al poner esto en su archivo _config.php
.
HtmlEditorConfig::get('cms')->setOption('theme_advanced_styles',
'Name 1=class1;Name 2=class2');
Es una característica proporcionada por TinyMCE, el componente de edición WYSIWYG, y esta línea se acaba de realizar el ajuste theme_advanced_styles
de TinyMCE cuando es usado por el CMS. This thread on the TinyMCE site también lo discute.
También tenga en cuenta la respuesta de Markus a continuación: editor.css debe estar en la carpeta css del tema e incluir typography.css.
La respuesta de @Sam Minnée solo funciona, si el editor.css también se encuentra en la carpeta css del tema e incluye typography.css.
Aquí hay más detailed description de cómo estos dos juegan juntos.
Si tiene problema para conseguir los nuevos estilos aparecen en el editor, pruebe lo siguiente:
- yoursite.com/admin/?flush=1
- Compruebe los permisos de archivo en su mitemas/css/archivo editor.css. Debería ser legible por el usuario del servidor web.
Esta es la documentación oficial en el archivo editor.css http://doc.silverstripe.org/framework/en/reference/typography – Cam
- 1. ASP.NET MenuItem Estilos individuales
- 2. Sobreescribir estilos en WPF
- 3. ¿Cómo aplicar estilos CSS a la lista desplegable codeigniter?
- 4. ¿Cómo mantener el menú desplegable <select> abierto para probar estilos en <option> en Firebug?
- 5. Agregar estilos personalizados a CKEditor
- 6. Encuadernación para estilos WPF
- 7. x: Key & TargetType en estilos
- 8. wicked_pdf no incluye estilos
- 9. IE No aplica estilos
- 10. Tabindex Focus Estilos
- 11. hoja de estilos "profiler"
- 12. estilos herencia múltiple
- 13. comportamientos y estilos
- 14. ¿Cómo inyecto estilos en IE8?
- 15. Estilos CSS de refuerzo
- 16. Rails Paperclip estilos polimórficos
- 17. jQuery menú desplegable desplegable
- 18. estilos en cascada en WPF (al estilo CSS)
- 19. WPF Estilos Button MouseOver Pregunta
- 20. Aplicación de estilos al encabezado en p: datatable
- 21. LessCSS detiene estilos de procesamiento
- 22. Buscar todos los estilos CSS utilizados en el sitio web
- 23. JavaFX-2 - establecer varios estilos
- 24. TabRenderer sin estilos visuales habilitados?
- 25. C++ estilos de sintaxis fundido
- 26. ¿Cuántos estilos de escritura hay en C?
- 27. ¿Es posible reiniciar un menú desplegable de CKEditor/menú desplegable?
- 28. Aprenda a crear estilos LaTeX?
- 29. ¿Estilos inline para one-offs?
- 30. múltiples padres en estilos Android xml
Si agrega una clase a typography.css pero no aparece en el menú desplegable, intente borrar el caché del navegador. – Joril
Como mencionó @markus, TinyMCE busca un archivo llamado editor.css en el directorio css, y no typography.css –
Creo que realmente puedes poner tu archivo 'editor' css en cualquier lugar y llamarlo como quieras. Puede configurar TinyMCE para cargar cualquier archivo css en _config.php con el siguiente código: 'HtmlEditorConfig :: get ('cms') -> setOption ('content_css', '/ themes/my-amazing-theme/styles/kick- ass-editor-styles.css '); ' – Matt