在 TinyMCE 中更改默认字体类型/大小答案

【问题标题】：Change default font type/size in TinyMCE在 TinyMCE 中更改默认字体类型/大小
【发布时间】：2011-03-21 13:21:17
【问题描述】：

如何更改 TinyMCE 中的默认字体类型和字体大小？

我正在使用高级皮肤，我已经更改了 default/content.css 中的 body, td, pre 样式，但它仍然没有改变。

【问题讨论】：

【解决方案1】：

嗯，有几个 content.css，只有一个用于根据您的配置设置来设置您的编辑器的样式。

您应该使用 content_css 配置选项并命名一个自己的 css 文件，您可以在其中覆盖编辑器的默认值（您最近寻找的 content.css）。在您的 init 函数 中使用类似

content_css: "http://localhost/css/my_tiny_styles.css",

在my_tiny_styles.css 或您选择使用的任何文件中

font-family: myfont1, myfont2, sans-serif;

【讨论】：

我可以在 tinymc 编辑器初始化中将直接字体系列添加为font-family:Segoe Ui
@Eldho：您必须在使用 content_css 设置的 css 文件中指定 font-familiy
我在 css 中设置了字体，但它仍然无法正常工作 body { font-family: "Segoe UI"; } 并且我将内容 css 设置为 content_css: '/Design/style/layout.css' 仍然无法正常工作
字体是否存在，是否可以从 tinymce iframe 访问？

【解决方案2】：

这是解决此问题的另一种方法。

通过定义 tinymce id 将您自己的自定义样式添加到我们的 CSS 文件中。

#tinymce .mceContentBody p {
   font-family: your_font_name !important; 
}

【讨论】：

【解决方案3】：

这里是如何在不触及 CSS 或任何其他代码的情况下做到这一点。

使用插件“TinyMCE Advanced”
在设置中激活它。

更详细的说明here。

【讨论】：

这个插件是关于用于 Wordpress 的 TinyMCE。 OP 是关于 TinyMCE 控件本身的 ;)

【解决方案4】：

如果您想更改保管箱的默认值而不是仅显示 css，那么现在使用 tinyMCE 4：

setup : function(ed) {
 ed.on('init', function(ed) {
  ed.target.editorCommands.execCommand("fontName", false, "Calibri");
  ed.target.editorCommands.execCommand("fontSize", false, "11pt");
 });
}

编辑：这是 init 函数的设置选项，如下所述： https://www.tinymce.com/docs/configure/integration-and-setup/#setup

【讨论】：

这没有告诉我们应该在哪里添加这段代码。

【解决方案5】：

对于由于路径问题或其他原因而无法添加样式表的人，这应该很简单：

setup : function(ed) {
     ed.on('init', function(){
         $(this.getDoc()).find('head').append('<style>p{margin:0;}</style>');
     });
}

注意我用的是 jQuery，当然不用它也可以。

【讨论】：