Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

TinyMCE 4 default font-size

Tags:

tinymce-4

In TinyMCE 3 you can change the editor's default font-size by using this code in the settings:

setup : function(ed)
{
    ed.onInit.add(function(ed)
        {
            ed.getDoc().body.style.fontSize = '14px';
        });
}

In version 4, I tried using the same method but get this error:

TypeError: ed.onInit is undefined

I also tried using the "content_css" option and set the body to 14px font size, but that works only when on preview. http://www.tinymce.com/wiki.php/Configuration:content_css

Has anyone found another way to set the editor's default font size? I couldn't find any documents, even in their forum.

like image 651
user1105430 Avatar asked Nov 27 '22 14:11

user1105430


2 Answers

setup : function(ed)
{
    ed.on('init', function() 
    {
        this.getDoc().body.style.fontSize = '14px';
    });
}
like image 150
user1105430 Avatar answered Dec 28 '22 08:12

user1105430


tinymce.yml on rails

The function needs to be on the next line, like so:

menubar : false
toolbar: code | bold italic | link image anchor | bullist numlist | undo redo
oninit : "setPlainText"
forced_root_block : false
plugins:
  - paste
  - code
  - link
setup :
  function(ed) {
    ed.on('init', function() 
    {
        this.getDoc().body.style.fontSize = '13px';
    });
  }

Works on TinyMCE 4

like image 37
Adrian Teh Avatar answered Dec 28 '22 08:12

Adrian Teh