it-swarm.com.de

Wie kann man die Standardschriftgröße in Tinymce ändern?

Ich verwende Jquery Tinymce Editor. Die Standardschriftgröße ist 10. Ich möchte die Standardschriftgröße ändern. Wie kann ich das machen,

32
Mohan Ram

Sie müssen die Einstellung content_css von tinymce verwenden, 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 iframes-Kopf des Editors eingefügt, nachdem alle anderen css-Einstellungen (Dateien vom Kern) dort bei der Initialisierung von tinymce eingefügt wurden. Daher überschreiben alle Einstellungen, die Sie in Ihrer Datei vornehmen, die zuvor vorgenommenen Einstellungen (durch tinymce). 

Beispiel: Setzt die Standardschriftgröße auf 11px. Inhalt einer benutzerdefinierten CSS-Datei (ich habe sie in meiner Installation 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", 
     ...
});
53
Thariama

Ich habe auf diese Weise in meinem Projekt 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 die Eigenschaftswerte in 'content.css' zu ändern.

20
Nishad Up

Fügen Sie diese Zeile einfach zu den Optionen hinzu

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

so 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"}
 });
12
user3721605
<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>
5
KwangKung

Oder suchen Sie einfach die von tinymce verwendete css-Datei und ändern Sie font-size. Wenn Sie zum Beispiel ein einfaches Thema verwenden, gehen Sie folgendermaßen vor: js/themes/simple/skins/default/content.css und dort font-size ändern. Arbeit für mich.

2
krzyhub

Ich lass das 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");
 });
}
1
Georg

Eine Option ist content_style, wo Sie dem Editor zusätzliche CSS hinzufügen können.

tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  content_style: "div, p { font-size: 15px; }"
});

Leider können Sie body nicht ohne !important einstellen, da sie die css festlegen.

Ich erlaube den Leuten auch nicht, die Schriftgröße zu ändern - und das wird wahrscheinlich haywire. 

Dies hat mir dabei geholfen, die 'Standardgröße' in der angezeigten Ansicht zu ändern. Sie müssen jedoch vorsichtig sein, wenn die Benutzer die Schriftgröße anschließend ändern können. 

Für mich war dieser schnelle und schmutzige Ansatz alles, was ich brauchte, weil der HTML-Code, den ich bearbeite, sehr einfach ist.

0
Simon Weaver

in tinymce/themes/advanced/skins/o2k7/content.css add css:

#tinymce {  font-size: 15px;}
0
Dung Vu

Folgendes hat für mich funktioniert:

CSS-Pfad:

tinymce/js/tinymce/skins/hellgrau/content.min.css

körper {Hintergrundfarbe: #fff; Farbe: # 000; Schriftfamilie: Verdana, Arial, Helvetica, serifenlos; Schriftgröße: 14px;

Ich habe von 11px auf 14ox gewechselt.

0
TopQnA

Einfach bearbeiten 

tinymce/themes/advanced/Skins/o2k7/content.css

und ändern Sie die Schriftgröße in dieser Zeile:

body, td, pre {color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin:8px;}
0
HRN