更改TinyMCE中的默认字体系列

Question

我已经使用这里的文档成功更改了编辑器中的默认字体,但这让我有一个问题.原始默认字体不再适用于字体下拉列表.

原始默认值:Verdana
新默认值:MyCustomFont

当我输入编辑器时,默认情况下我会看到MyCustomFont字体.如果我尝试将其更改为Verdana(原始默认值),则没有任何反应.我可以将其更改为除Verdana之外的任何字体系列.我还注意到,当我在下拉列表中选择MyCustomFont时,内容会被带有内联样式的跨度所包围.原始默认字体不会发生这种情况(因此没有任何反应).

在我看来,有一个关键的文档缺失 - 如何告诉编辑器(特别是字体功能)我在css中默认定义的字体是默认字体.

我用谷歌搜索了一下但没有结果.其他人似乎都在为上述文件做好准备.我是唯一一个遇到这个问题的人吗？如果没有,请帮忙!:)

请注意,这个问题的答案没有回答我的问题.

Answer 1

也许为时已晚......

$('.tinymce').tinymce({
    setup : function(ed) {
        ed.onInit.add(function(ed) {
            ed.execCommand("fontName", false, "Arial");
            ed.execCommand("fontSize", false, "2");
        });
    }
});

编辑

对于TinyMCE 4,如@ jason-tolliver和@georg所述,语法为:

ed.on('init', function (ed) {
    ed.target.editorCommands.execCommand("fontName", false, "Arial");
});

Answer 2

// Init TinyMCE
$('#content').tinymce({
    setup : function(ed)
    {
        ed.on('init', function() 
        {
            this.getDoc().body.style.fontSize = '12px';
            this.getDoc().body.style.fontFamily = 'serif';
        });
    }
});

Answer 3

对于那些初始化tinymce.init({而且无法直接实现Radius Kuntoro答案的人.

我的初学者看起来像

tinymce.init({
            selector: '#editor',
            menubar: false,
            plugins: ['bbcode'],
            toolbar: 'undo redo | bold italic underline',    
            setup : function(ed)
            {
                ed.on('init', function() 
                {
                    this.getDoc().body.style.fontSize = '12';
                    this.getDoc().body.style.fontFamily = 'Arial';
                });
            },
        });