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

Set default text / values for fontsize and fontfamily in tinymce.init()

我正在使用 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
        });

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

有没有办法设置(或预选)两个下拉菜单的默认文本(或值)?如果可以,应该怎么做?我用 Google 搜索了一下,但没有找到任何相关信息。

我注意到当我聚焦时,选择分别填充了系统字体和 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");
                });
            }
        });

虽然这确实有效,但有些东西会将下拉菜单重置为它们的原始(空)值,如果我按 CTRL + Z,我可以看到代码有效(实际选择了值)。

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

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

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

这里有更多信息:

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