Hola a todos:
Me he implementado una forma para poder añadir todas las fuentes que tiene google fonts a las ya existentes en CKEditor, de esta manera el usuario tiene muchísimas más dónde elegir.
Para ello modifico simplemente el fichero config.js del CKEditor con este código:
var myFonts = new Array();
$(document).ready(function () {
$.ajax({
async: false,
type: "POST",
url: "ckeditor/cargar_fuentes.php",
data: { },
success: function(fuentes) { // devuelve todas las googlefonts
arrFuentes = fuentes.split(",");
for (i=0; i<arrFuentes.length; i++)
myFonts[i] = arrFuentes[i];
}
});
CKEDITOR.editorConfig = function( config ) {
config.toolbar_Full = [
['Styles', 'Bold'],
['Link', 'Unlink'], ['Undo', 'Redo', '-', 'SelectAll'], '/', ['timestamp', '-', 'linkbutton']
];
for(var i = 0; i<myFonts.length; i++){
nom_fuente = myFonts[i];
nom_fuente = nom_fuente.replace("'","");
nom_fuente = nom_fuente.replace("'","");
config.font_names = config.font_names+';'+nom_fuente;
nom_fuente = nom_fuente.replace(" ","+");
myFonts[i] = 'http://fonts.googleapis.com/css?family='+nom_fuente;
}
config.contentsCss = ['/proy1/ckeditor/contents.css'].concat(myFonts);
};
});
Me funciona perfectamente con el CkEditor normal, pero estoy intentando hacerlo con el CKEditor inline y no hay manera, me salen en el combo todas las fuentes nuevas pero al seleccionarlas no me cambia el formato de la fuente. Debe ser una chorrada, porque en el CKEditor normal va genial pero en el inline no.
¿Alguien sabe cómo añadir fuentes nuevas al CKEditor inline?
Gracias