Cambiar el tipo/tamaño de fuente predeterminado en TinyMCE

Question

¿Cómo se cambia el tipo de fuente y el tamaño de fuente predeterminados en TinyMCE?

Estoy usando la máscara avanzada y he cambiado el estilo body, td, pre en default/content.css pero aún no cambia.

Answer 1

Bueno, hay varias content.css y sólo una se utiliza el estilo de su editor dependiendo de sus ajustes de configuración .

Se debe utilizar la opción de configuracióncontent_css y el nombre de un archivo CSS propia donde se puede sobrescribir los valores predeterminados de los editores (la content.css que fueron recientemente buscando). En su función init usar algo como

content_css: "http://localhost/css/my_tiny_styles.css", 

y en my_tiny_styles.css o cualquier archivo que elija utiliza

font-family: myfont1, myfont2, sans-serif; 

Answer 2

Ésta es otra manera de resolver este problema.

Al agregar sus propios estilos personalizados en nuestro archivo CSS, al definir la id de tinymce.

#tinymce .mceContentBody p { 
    font-family: your_font_name !important; 
} 

Answer 3

Aquí se explica cómo hacerlo sin tocar CSS o cualquier otro código.

1. utilizar el plugin 'TinyMCE avanzada'
2. activarlo en la configuración.

Instrucciones más detalladas here.

Answer 4

Si desea cambiar el valor por defecto de los buzones de más que sólo el css pantalla, con TinyMCE 4 es ahora:

setup : function(ed) { 
ed.on('init', function(ed) { 
    ed.target.editorCommands.execCommand("fontName", false, "Calibri"); 
    ed.target.editorCommands.execCommand("fontSize", false, "11pt"); 
}); 
} 

EDIT: esta es la opción de configuración de la función init como se explica aquí : https://www.tinymce.com/docs/configure/integration-and-setup/#setup

Answer 5

Para las personas que tienen problemas de añadir una hoja de estilo debido a problemas de trayectoria o la razón que sea, esto debería hacerlo bastante simple:

setup : function(ed) { 
    ed.on('init', function(){ 
     $(this.getDoc()).find('head').append('<style>p{margin:0;}</style>'); 
    }); 
} 

Nota Utilicé jQuery, pero por supuesto también puedo hacerlo sin él.