Cambiar la familia de fuentes predeterminada en TinyMCE

Resuelto Paul Fleming asked hace 11 años • 12 respuestas

Cambié con éxito la fuente predeterminada dentro del editor usando la documentación aquí , pero eso me deja con un problema. La fuente predeterminada original ya no funciona en la lista desplegable de fuentes.

Valor predeterminado original: Verdana
Nuevo valor predeterminado: MyCustomFont

Cuando escribo en el editor veo mi fuente MyCustomFont de forma predeterminada. Si intento cambiar eso a Verdana (valor predeterminado original), no pasa nada. Puedo cambiarlo a cualquier familia de fuentes excepto Verdana. También noté que cuando selecciono MyCustomFont en la lista desplegable, el contenido queda rodeado por un espacio con estilos en línea. Esto no sucede con la fuente predeterminada original (de ahí que no suceda nada).

Me parece que falta una pieza clave de la documentación: cómo decirle al editor (la función de fuente en particular) que la fuente que he definido de forma predeterminada en CSS es la fuente predeterminada.

Busqué bastante en Google pero no obtuve resultados. Todos los demás parecen conformarse con la documentación mencionada anteriormente. ¿Soy el único que tiene este problema? Si no, ¡ayúdanos! :)

Tenga en cuenta que las respuestas a esta pregunta no responden a mi pregunta.

Paul Fleming avatar Jul 29 '13 19:07 Paul Fleming
Aceptado

tal vez sea demasiado tarde pero...

$('.tinymce').tinymce({
    setup : function(ed) {
        ed.onInit.add(function(ed) {
            ed.execCommand("fontName", false, "Arial");
            ed.execCommand("fontSize", false, "2");
        });
    }
});

EDITAR

Para TinyMCE 4, como afirman @jason-tolliver y @georg, la sintaxis es:

ed.on('init', function (ed) {
    ed.target.editorCommands.execCommand("fontName", false, "Arial");
});
geedelur avatar Dec 16 '2013 14:12 geedelur
// Init TinyMCE
$('#content').tinymce({
    setup : function(ed)
    {
        ed.on('init', function() 
        {
            this.getDoc().body.style.fontSize = '12px';
            this.getDoc().body.style.fontFamily = 'serif';
        });
    }
});
Radius Kuntoro avatar Sep 23 '2013 23:09 Radius Kuntoro

Para aquellos que inician el tiempo tinymce.init({y no pueden implementar Radius Kuntoro, respondan directamente.

Mi inicio parece

tinymce.init({
            selector: '#editor',
            menubar: false,
            plugins: ['bbcode'],
            toolbar: 'undo redo | bold italic underline',    
            setup : function(ed)
            {
                ed.on('init', function() 
                {
                    this.getDoc().body.style.fontSize = '12';
                    this.getDoc().body.style.fontFamily = 'Arial';
                });
            },
        });    
Nikolay Prokopyev avatar Jan 26 '2017 12:01 Nikolay Prokopyev