编辑器样式在块编辑器中的工作方式大不相同。这是因为前一个编辑器中的内容是加载在iframe中的,因此您可以使用与管理的其余部分隔离的样式表,并可以使用body
选择器来更改编辑器中的字体。
另一方面,块编辑器中的内容在iframe中不是,并且与其他管理员共享样式。因此,如果您试图在块编辑器中加载一个更改了正文字体颜色的编辑器样式,那么您将更改整个UI的字体颜色。
谢天谢地,WordPress有一种将样式表排队并应用样式的方法,就像它是iframe一样。您只需注册对编辑器样式的支持:
add_theme_support( \'editor-styles\' );
然后,您可以像前面一样继续将编辑器样式表排队:
add_editor_style( \'editor-style.css\' );
但是WordPress现在将动态修改CSS规则,以便它们只应用于编辑器中的内容。例如,CSS针对
body
元素将更改为目标
.editor-styles-wrapper
.
看见the section on editor styles 更多信息,请参阅古腾堡手册。