我已经成功根据这里的文档更改了编辑器中的默认字体，但是这给我留下了一个问题。原始默认字体不再在字体下拉列表中起作用。
原始默认：Verdana
新默认：MyCustomFont
当我输入到编辑器中时，默认情况下我会看到我的MyCustomFont字体。如果我尝试将其更改为Verdana（原始默认值），则不会发生任何事情。我可以将它更改为除Verdana之外的任何字体系列。 我还注意到，当我在下拉列表中选择MyCustomFont时，内容会被包围在具有内联样式的span中。这不会发生在原始默认字体上（因此什么也不会发生）。
对我来说，似乎缺少一份关键的文档-如何告诉编辑器（特别是字体功能），我在css中定义的默认字体是默认字体。
我已经通过谷歌搜索了很多次，但没有结果。其他人似乎都满足于上面提到的文档。我是唯一遇到这个问题的人吗？如果不是，请帮帮我！ :)
请注意，这个问题的答案不回答我的问题。
或许已经太晚了，但是...
$('.tinymce').tinymce({
setup : function(ed) {
ed.onInit.add(function(ed) {
ed.execCommand("fontName", false, "Arial");
ed.execCommand("fontSize", false, "2");
});
}
});
编辑
对于 TinyMCE 4，如 @jason-tolliver 和 @georg 所述，语法为：
ed.on('init', function (ed) {
ed.target.editorCommands.execCommand("fontName", false, "Arial");
});
ed.on('init', function (ed) {...})。 - Jason Tolliver// Init TinyMCE
$('#content').tinymce({
setup : function(ed)
{
ed.on('init', function()
{
this.getDoc().body.style.fontSize = '12px';
this.getDoc().body.style.fontFamily = 'serif';
});
}
});
对于那些使用 tinymce.init({ 进行初始化且不能直接实现 Radius Kuntoro 的答案的人。
我的初始化看起来像这样
tinymce.init({
selector: '#editor',
menubar: false,
plugins: ['bbcode'],
toolbar: 'undo redo | bold italic underline',
setup : function(ed)
{
ed.on('init', function()
{
this.getDoc().body.style.fontSize = '12';
this.getDoc().body.style.fontFamily = 'Arial';
});
},
});
tinymce.init({
setup: function (ed) {
ed.on('init', function (e) {
ed.execCommand("fontName", false, "Verdana");
});
}
});
：
tinymce.init({
content_css : 'path/to/style/sheet',
body_class: 'define-class-name-without-dot-at-the-first'
});
它可以正常工作，而且您不需要设置任何内容。 请在tinyMCE网页上查看。
AddEditor和RemoveEditor。当正在生成TinyMCE的新实例并触发AddEditor时，编辑器实际上尚未初始化，因此调用getDoc()将返回null。init监听器。tinyMCE.EditorManager.on('AddEditor', function (event) {
... other code ...
event.editor.on('init', function() {
this.activeEditor.getDoc().body.style.fontSize = '12px';
this.activeEditor.getDoc().body.style.fontFamily = 'Times New Roman';
});
... other code ...
}
});
在你的主题目录下 /wp-content/themes/yourtheme/ 中查找 functions.php，打开它并在 php 标签后添加一行代码。
add_editor_style('custom-editor-style.css');
在同一个目录下，创建一个名为 custom-editor-style.css 的文件，并将以下代码添加到其中：
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
* { font-family: 'Open Sans', sans-serif, Arial, Helvetica;}
清除浏览器缓存后，您将看到以下内容。
我尝试过这种方法。 我使用TinyMce 5，在编辑器内部生成了一个body标签。 在初始化编辑器时，我设置了forced_root_block:'div'，这意味着每次输入内容时我的根元素将始终是一个div。
let tinyMceBody = tinymce.activeEditor.getBody();
let divs = $(tinyMceBody).children('div');
for(let i =0; i<divs.length; i++) {
divs[i].style.fontFamily = 'Nunito';
}
所以我尝试捕获所有根元素并为它们设置默认样式。
当您编辑某些内容时，tinymce会将您编辑的内容用带有样式属性的span块包围起来，因此无论您在编辑器中手动编辑了什么，都会被覆盖。如果您不在编辑器中编辑文本，则我们附加在父元素上的默认样式forced_root_block:'div'将会保留。
尝试根据您的自定义要求使用上述技术制定解决方案。看起来该库对此没有明显的内部支持。
P.S:-
tinymce.activeEditor.dom.setStyles(tinymce.activeEditor.dom.select('div'), {'font-family' : 'Nunito'});
我在tinymce 4.x中遇到了所有解决方案的困难。我既无法更改字体大小，也无法更改字体名称。在尝试了很多之后，我找到了解决方法。首先，我可以确认Jared的答案，非常感谢！默认设置下这两个命令将不起作用：
tinymce.EditorManager.execCommand("fontName", false, "12px");
tinymce.EditorManager.execCommand("fonSize", false, "Arial");
默认的字体大小是“pt”，而不是“px”。因此，要么通过[fontsize_formats][1]将显示的字体大小定义为“px”，要么直接使用“pt”传递所需的大小。对于tinymce.EditorManager.execCommand，tinymce也不太满意。您必须像'arial, helvetica, sans-serif'这样传递整个字体系列。这些命令在我的网站上有效：
tinymce.EditorManager.execCommand("fontName", false, "12pt");
tinymce.EditorManager.execCommand("fonSize", false, "arial, helvetica, sans-serif");
以上所有解决方案都对我没有用。所以，我以某种方式使用自定义逻辑修复了它。
editor.on('change', function (e) {
let node = e.target.selection.getNode();
if (node.nodeName === 'P' || node.parentNode.nodeName === 'BODY') {
editor.dom.setStyle(node, 'font-size', "16px");
}
tinymce.triggerSave(); // to keep your textarea synced with above changes
});