Wie ändere ich die Standardschriftgröße in tinymce?

Ich verwende den jquery tinymce Editor. Die Standardschriftgröße ist 10. Ich möchte diese Standardschriftgröße ändern. Wie kann ich das machen,

Sie müssen die verwenden content_css Einstellung von tinymce, um eine eigene benutzerdefinierte CSS-Datei festzulegen (stellen Sie sicher, dass diese Einstellung auf einen gültigen Speicherort einer CSS-Datei verweist). Diese Datei wird in den Iframe-Kopf des Editors eingefügt, nachdem alle anderen CSS-Einstellungen (Dateien aus dem Kern) dort eingefügt wurden, wenn tinymce initialisiert wird – daher überschreiben alle Einstellungen, die Sie in Ihrer Datei vornehmen, die zuvor (von tinymce) vorgenommenen Einstellungen.

Beispiel: Festlegen der Standardschriftgröße auf 11px. Inhalt einer benutzerdefinierten CSS-Datei (in meiner Installation habe ich sie content.css genannt):

body {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
}

So verwenden Sie diese Einstellung:

tinyMCE.init({
 ...
 // you do not need to include it yourself, tinymce will do this for you, 
 // but you will need to give tinymce the location of your css file
 content_css : "http://www.myserver.com/css/content.css", 
     ...
});

Ich habe in meinem Projekt auf diese Weise verwendet

tinymce.init({
  selector:"#txt1",
  setup : function(ed)
  {
    ed.on('init', function() 
    {
        this.execCommand("fontName", false, "tahoma");
        this.execCommand("fontSize", false, "12px");
    });
  }  
}); 

Dies ist der bessere Weg, als nur Eigenschaftswerte in „content.css“ zu ändern.

Fügen Sie einfach diese Zeile zu den Optionen hinzu

content_style: ".mce-content-body {font-size:15px;font-family:Arial,sans-serif;}",

also sieht es so aus

tinymce.init({
    selector: "textarea",theme: "modern",width: '100%',min_height:350 ,menubar:false,
     content_style: ".mce-content-body {font-size:15px;font-family:Arial,sans-serif;}",
    browser_spellcheck : true,
    plugins: 
    [
         "advlist autolink link image lists charmap print preview hr anchor pagebreak",
         "searchreplace wordcount visualblocks visualchars insertdatetime media nonbreaking",
         "table contextmenu directionality emoticons paste textcolor responsivefilemanager code"
    ],
   toolbar1: " undo redo preview code | \n\
                 link  bold italic underline | hr | image responsivefilemanager media |unlink anchor  | ",
   image_advtab: true ,

   external_filemanager_path:"/tinymce/filemanager/",
   filemanager_title:"Responsive Filemanager" ,
   relative_urls: false,
    remove_script_host : false,
   external_plugins: { "filemanager" : "/tinymce/filemanager/plugin.min.js"}
 });

<script type="text/javascript">
    tinyMCE.init({
        mode : "textareas",
            setup : function(ed)
            {
                // set the editor font size
                ed.onInit.add(function(ed)
                {
                ed.getBody().style.fontSize="10px";
                });
            },
            });
</script>

Oder finden Sie einfach eine CSS-Datei, die von tinymce verwendet wird, und ändern Sie sie font-size. Wenn Sie beispielsweise ein einfaches Thema verwenden, gehen Sie so vor: js/themes/simple/skins/default/content.css und dort ändern font-size. Arbeiten für mich.

Ich lasse das einfach hier, 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");
 });
}

Eine Mischung der Antworten hier hat für mich funktioniert:

        base_url: '/tinymce',
        suffix: '.min',
        plugins: 'image link lists',
        menubar: false,
        toolbar: 'bold italic underline | bullist numlist | link unlink image | alignleft aligncenter alignright alignjustify',
        branding: false,
        image_uploadtab: true,
        contextmenu_never_use_native: true,
        setup : function(ed) {
            ed.on('init', function(ed) {
                this.getBody().style.fontSize="12px";
            });
        }