将自定义样式应用于Wordpress后端的acf tinymce可视化编辑器

Question

主要目标：我正在为客户开发一个网站，他们希望将自定义CSS样式应用于后端可视化编辑器tinymce中的文本。没什么太疯狂的，只是一些基本的链接和列表样式。但是，我无法应用我的主样式表。我对 WordPress 开发有点陌生，所以我不知道如何解决这个问题。

我尝试过的： 首先我尝试仅将 body#tinymce 中的样式作为选择器，但它不起作用。

其次，我尝试添加另一个样式表。我还必须将自定义样式应用于古腾堡块编辑器，这篇文章非常有帮助，向我展示了如何做到这一点。我尝试以类似的方式添加另一个样式表，但没有成功。 （我不确定该方法是否仅适用于块编辑器。）

第三，我尝试使用上面的方法编辑为块编辑器制作的样式表，并使用相同的 body#tinymce 选择器将样式插入其中，但同样，它不起作用。

第四，我研究了Tiny MCE Custom Styles插件，但它并没有真正达到我想要的效果。它基本上是一个 GUI，可以让用户轻松添加样式，但它们不会自动应用。该插件在可视化编辑器中添加了一个“格式”选项卡，您必须单击该选项卡才能激活样式，但我希望它们默认处于活动状态。我考虑过深入研究插件的代码，看看他们使用什么逻辑将这些样式应用到tinymce主体，但我对php不太熟悉，所以这听起来像是一项相当艰巨的任务（如果可能的话），而且我'我很好奇是否有一种更简单的方法来解决我所缺少的问题。

TL;DR 我希望我可以在后端的tinymce可视化编辑器的主体中添加一些自定义CSS样式，但我还没有找到一种方法来做到这一点。

Answer 1

我相信这应该可以解决问题：

add_action( 'after_setup_theme', 'add_tinymce_styles' ));
function add_tinymce_styles() {
     add_theme_support('editor-styles');
     add_editor_style('path/to/your/stylesheet.css');
}