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