Ändern der Standardschriftart/-größe in TinyMCE

Question

Wie ändern Sie die Standardschriftart und Schriftgröße in TinyMCE?

Ich verwende die erweiterte Haut und ich habe die body, td, pre Stil in default/content.css geändert, aber es ändert sich immer noch nicht.

Answer 1

Nun, es gibt mehr content.css und nur eine wird verwendet, Editor je nach Konfigurationseinstellungen stylen.

sollten Sie die Option content_css Konfiguration verwenden und eine eigene CSS-Datei benennen, wo Sie die Editoren Standardwerte überschrieben werden können (die content.css Sie in letzter Zeit suchen). In Ihrer init Funktion Verwendung so etwas wie

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

und in my_tiny_styles.css oder was auch immer Datei wählen Sie Sie verwenden

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

Answer 2

Hier ist eine andere Art und Weise ist, dieses Problem zu lösen.

Indem Sie Ihre eigenen benutzerdefinierten Stile in unsere CSS-Datei einfügen, indem Sie ynymce id definieren.

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

Answer 3

Hier ist, wie es geht, ohne CSS oder andere Codes zu berühren.

1. Verwenden Sie das Plugin 'TinyMCE Advanced'
2. aktivieren Sie es in Einstellungen.

Weitere detaillierte Anweisungen here.

Answer 4

Wenn Sie die Standardeinstellung der Dropbox eher als das Display css nur ändern möchten, mit tinyMCE 4 ist es jetzt:

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

EDIT: dies ist die Setup-Option der Funktion init wie hier erklärt : https://www.tinymce.com/docs/configure/integration-and-setup/#setup

Answer 5

Für Menschen Probleme haben, weil der Pfad Probleme ein Stylesheet hinzuzufügen oder Grund auch immer, dies sollte es ziemlich einfach tun:

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

Hinweis Ich habe jQuery verwendet, kann aber natürlich auch ohne sie ausgeführt werden.