Wie ändert man die Standardschriftgröße in tinymce?

49

Sie benötigen die content_css Einstellung von tinymce verwenden, um eine benutzerdefinierte CSS-Datei festlegen (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 aus dem Core) bei der Initialisierung von ynymce eingefügt wurden - also überschreiben alle Einstellungen, die Sie in Ihre Datei schreiben, die zuvor vorgenommenen Einstellungen (by tinymce).

Beispiel: Festlegen der Standardschriftgröße auf 11px. Inhalt einer benutzerdefinierten CSS-Datei (i nannte es content.css in meiner Installation):

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

Wie diese Einstellung verwenden:

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", 
    ... 
});

Quelle

2010-12-13 09:36:00 Thariama

+1

Wo ich diese CSS aufnehmen muss. da meine Hauptseite auch betroffen wird, wenn ich auf derselben Seite einfüge. Wo kann man diese CSS einfügen und wie man darauf zugreifen kann. –

+0

Es tut mir leid, unnötige Kommentare zu geben. Für mich geht das. Ich hatte die Schriftgröße in content.css direkt geändert, Vielen Dank –

+0

froh, in der Lage zu sein, zu helfen – Thariama

-1

Soweit mir bekannt ist, TinyMCE Schriftgröße erbt für das übergeordnete Tag zum Beispiel definiert die <body> Tag

Quelle

2010-12-13 09:34:39

+0

Wie mich das erklären zu ändern. –

+4

das stimmt, aber wie hilft das, das Problem zu lösen? – Thariama

+0

@Thariama Ich denke, es ist offensichtlich – JSON

2

Oder nur CSS-Datei, die von tinymce verwendet wird und ändern Sie font-size. Zum Beispiel, wenn Sie einfache Thema verwenden, dann gehen Sie irgendwo wie folgt: js/themes/simple/skins/default/content.css und dort ändern font-size. Für mich arbeiten.

Quelle

2011-09-12 11:43:06 krzyhub

5

<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>

Quelle

2014-08-22 06:35:08 KwangKung

+1

second ed Parameter wird irgendwie nicht übergeben - "this" funktioniert – Srneczek

+0

Scheint in 4.6 nicht mehr zu funktionieren (ob mit ed oder das: TypeError: undefined ist kein Objekt (evaluiert 'ed.onInit.add') – Jonny

0

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

#tinymce { font-size: 15px;}

Quelle

2015-02-03 13:27:29

-1

Hier ist, wie es ohne Codierung zu tun

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

Weitere detaillierte Anweisungen here.

Quelle

2015-04-07 09:17:16 shadowoflight

19

Ich habe in meinem Projekt in dieser 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 die Änderung Eigenschaftswerte in ‚content.css‘

Quelle

2015-04-13 06:17:03

+0

this.execCommand ("fontSize", false, "12px"); funktionierte nicht für mich auf tmce 4 mit (google chrome 51) this.getBody(). style.fontSize = '12px'; von KwangKungs Antwort aber tat. – Max

+0

dies verursachte unerwünschte Scrollen zum Eingang .... wie man das vermeidet –

1

Ich werde dies yust hier lassen, 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"); 
}); 
}

Quelle

2016-03-17 13:11:25 Georg

0

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

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

Leider kann man nicht setzen nur body ohne !important wegen der Reihenfolge, wie sie die CSS gesetzt.

Auch ich erlaube Menschen nicht, die Schriftgröße zu ändern - und das wird wahrscheinlich drunter und drüber gehen.

Dies half mir bei der Änderung der Standardgröße wie angezeigt, aber Sie müssen vorsichtig sein, wenn Sie Menschen die Schriftgröße danach ändern lassen.

Für mich war dieser schnelle und dreckige Ansatz alles was ich brauchte, weil das HTML, das ich bearbeite, sehr einfach ist.

Quelle

2016-09-04 20:49:42

9

Fügen Sie einfach die folgende Zeile in die Optionen

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

so sieht es aus wie diese

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"} 
});

Quelle

2016-10-21 13:26:49 user3721605

+1

Für v3.5 funktionierte diese Klasse für mich: '.mceContentBody'. – Wtower

+0

Dies war der einfachste Weg, es für mich in TinyMCE 4.6.1 zu tun –

0

einfach

tinymce/themes/advanced/skin/o2k7/content.css bearbeiten

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;}

Quelle

2017-01-18 08:22:47 HRN

Wie ändert man die Standardschriftgröße in tinymce?

Antwort

Verwandte Themen