默认样式编辑器 wordpress

Question

我有一个 wordpress 网站，它的样式从一开始就影响了原始文本编辑器 wordpress。

例如：

如果文本编辑器，在 "Visual " 选项卡中，我放置了一个左对齐的图像，这不对齐，我假设您放置编辑器的 class 不存在.这也适用于您放置编辑器的具有不同样式的“ p ”标签（"visual" 标签）。

解释完这一点后，如何放置 classes 和编辑器 "Visual " 选项卡的原始样式，使其正常运行？

有什么想法吗？

谢谢

Answer 1

您可以为可视化编辑器添加自定义样式表。

在你的主题中 functions.php :

function my_editor_styles() {
  add_editor_style( get_stylesheet_directory_uri() . '/css/custom-editor.css' );
}
add_action('after_setup_theme', 'my_editor_styles');

然后在您的 custom-editor.css 文件中，以这种方式添加您的规则以防止与 WP 管理员发生任何冲突：

body#tinymce.wp-editor p {
  color: red;
}

默认样式编辑器 wordpress

Default styles editor wordpress

css

wordpress

text-editor

editor