Changer le type / la taille de police par défaut dans TinyMCE

Comment changer la police par défaut du type et de la taille de la police en TinyMCE?

Je suis à l'aide de l'avancée de peau et j'ai changé la body, td, pre style par défaut/contenu.le css mais cela ne change pas.

source d'informationauteur Marwelln

  1. 13

    Bien, il y a plusieurs de contenu.css et un seul est utilisé pour le style de votre éditeur de texte en fonction de votre paramètres de configuration.

    Vous devez utiliser le content_css option de configuration et le nom propre fichier css où vous pouvez écraser les éditeurs valeurs par défaut (le de contenu.css vous avez été récemment à la recherche pour). Dans votre fonction init utiliser quelque chose comme

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

    et dans my_tiny_styles.css ou tout fichier que vous choisissez, vous utilisez

    font-family: myfont1, myfont2, sans-serif;
  2. 3

    Voici une autre façon de résoudre ce problème.

    En ajoutant vos propres styles personnalisés dans notre fichier CSS par définition tinymce id.

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

    Si vous souhaitez modifier la valeur par défaut de la dropboxes plutôt que de l'affichage css, avec tinyMCE 4, il est maintenant:

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

    EDIT:
    c'est l'option de configuration de la fonction init, comme expliqué ici:
    https://www.tinymce.com/docs/configure/integration-and-setup/#setup

  4. 0

    Pour les personnes ayant des troubles de l'ajout d'une feuille de style en raison de chemin de troubles ou quelle que soit la raison, cela devrait le faire assez simple:

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

    Note j'ai utilisé jQuery, mais peut bien sûr être fait sans elle.

  5. -1

    Voici comment le faire sans toucher CSS ou tout autre code.

    1. Utiliser le plugin TinyMCE Advanced'
    2. L'activer dans les paramètres.

    Des instructions plus détaillées ici.