在tinymce.init()中设置fontsize和fontfamily的默认文本/值

Fid*_*way 5 tinymce

我正在使用 Bootstrap 3,并在本地模式中初始化tinyMCE(5.1.0)(它位于调用它的页面内部,而不是从外部加载),如下所示:

        tinymce.init({ 
            mode: "specific_textareas", 
            plugins : 'advlist autolink link image lists charmap print preview textcolor',
            toolbar: "undo redo fontselect fontsizeselect bold italic underline forecolor backcolor alignleft aligncenter alignright alignjustify",
            editor_selector: "txtContent",
            height: 400
        });
Run Code Online (Sandbox Code Playgroud)

它有效。但是,字体大小和字体系列下拉列表没有初始值,如下图所示。 空选择

有没有办法让我设置(或预选)两个下拉列表的默认文本(或值)?如果是的话应该怎么做呢?我用谷歌搜索了一下,没有发现任何与此相关的信息。

我注意到,当我集中注意力时,选择项分别填充了系统字体和 12pt,所以我想我可以集中注意力或集中注意力,以实现我想要的,但必须有更好的方法这样做。

编辑我也用过这个:

        tinymce.init({ 
            mode: "specific_textareas", 
            plugins : 'advlist autolink link image lists charmap print preview textcolor',
            toolbar: "undo redo fontselect fontsizeselect bold italic underline forecolor backcolor alignleft aligncenter alignright alignjustify",
            editor_selector: "txtContent",
            height: 400,
            setup: function(ed) {
                ed.on('init',function(){
                    ed.execCommand("fontName",false,"Arial");
                    ed.execCommand("fontSize",false,"12");
                });
            }
        });
Run Code Online (Sandbox Code Playgroud)

虽然这实际上有效,但有些东西会将下拉菜单重置回原始(空)值,如果我按 CTRL + Z,我可以看到代码已经起作用(这些值实际上已被选择)。

编辑:问题出在 Bootstrap 及其处理模式的方式内。

Tin*_*oln 3

一种选择是将content_styles:默认字体应用于嵌入式 iframe 的正文。然后,该字体信息会反映在页面加载的下拉列表中。这是一个 Tiny Fiddle 演示: http://fiddle.tinymce.com/nTgaab

您还可以content_css通过链接到具有类似字体信息的远程 CSS 文件来以类似的方式使用。

以下是更多信息:

https://www.tiny.cloud/docs/configure/content-appearance/#content_style https://www.tiny.cloud/docs/configure/content-appearance/#content_css