tinymce - 在 TinyMCE 中更改默认字体类型/大小

Question

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

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

Answer 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;

Answer 2

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

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

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

Answer 3

如果您想更改保管箱的默认值而不是仅显示 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");
 });
}

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

Answer 4

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

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

注意我使用了 jQuery，但当然也可以不用它。

Answer 5

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

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

更详细的说明在这里。