2010-01-26 22 views

Respuesta

11

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.

+2

Si agrega una clase a typography.css pero no aparece en el menú desplegable, intente borrar el caché del navegador. – Joril

+0

Como mencionó @markus, TinyMCE busca un archivo llamado editor.css en el directorio css, y no typography.css –

+1

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

6

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.
+1

Esta es la documentación oficial en el archivo editor.css http://doc.silverstripe.org/framework/en/reference/typography – Cam