Question

Gutenberg编辑器带有嵌入式样式表。这是该样式表的摘录：

...

.editor-styles-wrapper {
  font-family: "Noto Serif", serif;
  font-size: 16px;
  line-height: 1.8;
  color: #191e23;
}

.editor-styles-wrapper p {
  font-size: 16px;
  line-height: 1.8;
}

...

我已经使用以下方法将自己的编辑器样式表加入队列：

add_action("enqueue_block_editor_assets", "enqueue_custom_block_editor_assets");
function enqueue_custom_block_editor_assets() {
  wp_enqueue_style("editor-style", get_stylesheet_directory_uri()."/editor-style.css", null, null);
}

由于我有自己的编辑器stylehseet，所以我想摆脱默认的编辑器。在此主题上进行搜索会产生很多结果，这些结果可消除前端上的默认块样式，但我指的是后端的编辑器样式。感谢您的帮助！

Answer 1

我深入研究了它的注入方式，并找到了一种通过block_editor_settings过滤器将其删除的方法。有一个styles键，其中包含包含CSS的数组。对此我唯一的疑惑是，我假设数组的形状将始终相同，我应该在此处进行某种类型的检查。

add_filter( 'block_editor_settings' , 'remove_guten_wrapper_styles' );
public function remove_guten_wrapper_styles( $settings ) {
    unset($settings['styles'][0]);

    return $settings;
}

Answer 2

我的解决方案是一种解决方法，可以自动覆盖.editor-styles-wrapper中的所有样式。使用LESS：

editor-style.css

.editor-styles-wrapper {
    @import "style.less";
}

但是，如果有人知道该怎么做，我还是想禁用该嵌入式样式表。

删除后端的Gutenberg编辑器的嵌入式样式表

2 个答案: