Comment définir une taille de police par défaut sur CKEditor

J'espère que les réponses ci-dessus aideront certaines personnes. Ils ne m'ont pas aidé et voici pourquoi. À l'aide de firebug, j'ai pu constater que: blank avait une police par défaut pour la balise p qui dépassait mon paramètre dans le fichier contents.css comme mention ci-dessus. Voici ce que j'ai fait pour le réparer. J'ai ajouté l'option à l'étiquette du corps et ajouté! Important pour les lignes de police de police et de police:

 body, p { /* Font */ font-family: Arial, Verdana, sans-serif !important; font-size: 12px !important; /* Text color */ color: #000; /* Remove the background color to make it transparent */ background-color: #fff; 

}

A travaillé génial! J'espère que ça aide.

Vous pouvez utiliser l'API javascript pour ajouter du style à une instance CKEditor

http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.stylesSet.html

 // The set of styles for the Styles combo CKEDITOR.stylesSet.add( 'default', [ // Block Styles { name : 'Blue Title' , element : 'h3', styles : { 'color' : 'Blue' } }, { name : 'Red Title' , element : 'h3', styles : { 'color' : 'Red' } }, // Inline Styles { name : 'Marker: Yellow' , element : 'span', styles : { 'background-color' : 'Yellow' } }, { name : 'Marker: Green' , element : 'span', styles : { 'background-color' : 'Lime' } }, // Object Styles { name : 'Image on Left', element : 'img', attributes : { 'style' : 'padding: 5px; margin-right: 5px', 'border' : '2', 'align' : 'left' } } ]); 

Disons que vous souhaitez utiliser Verdana comme police par défaut. Voici ce que vous pouvez faire:

1. Ouvrez contents.css et changez la police:

   font-family: Verdana;

2. Dans l'application / page où la sortie sera publiée, ajoutez ce style:

   <style> .entry-content {font-family: Tahoma;} </style>

C'est tout! Maintenant, vous avez changé la police par défaut avec succès.

J'espère que ça aide. Voici quelques choses que j'ai remarquées.

Tout d'abord, j'ai vraiment besoin de rester rafraîchissant pour voir les nouveaux changements apparaissent. J'ai édité le fichier .cs nommé contents.css dans le répertoire / ckeditor /, vous pouvez les modifier:

 color: #000000; background-color: #ffffff; font-size:24px; /* Just added this */ 

J'ai également remarqué que vous pouvez éditer le fichier nommé editor.css dans le répertoire /ckeditor/skins/kama/editor.css. Vous pouvez changer 'kama' pour n'importe quelle peau que vous utilisez. Maintenant, vous pouvez modifier les parties .cke_contents.

On dirait également que contents.css remplacera ce que vous avez fait dans editor.css. J'espère que cela aide les gars.

Assurez-vous de rafraîchir ou d'effacer le cache pour voir si des modifications sont apportées.

Application de styles dans la zone de texte de CKEditor dans l'exemple de la page:

CKEDITOR.replace ('textarea', {contentsCss: ".cke_editable {font-size: 18px; font-family: muna;}", font_defaultLabel: 'Muna', fontSize_defaultLabel: '18px'});

Ici pour définir la taille de police par défaut pour CKEditor:

Skins / editor.css

.cke_reset_all, .cke_reset_all * {font: 12px}

Lors de l'inspection de l'élément que j'ai tapé dans l'éditeur, j'ai trouvé que le fichier contents.css a effectivement des effets sur le style de police.

Alors, passez le fichier contents.css dans le répertoire ckeditor, faites ce changement:

 .cke_editable{ font-size: 17px; line-height: 1.6;}