我正在使用 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 及其处理模式的方式内。
一种选择是将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
| 归档时间: |
|
| 查看次数: |
1700 次 |
| 最近记录: |