最近在vue项目中使用富文本编辑器wangEditor，发现某些样式不生效，例如代码块没有背景颜色等等。解决办法也很简单，我使用的是V4版本，官方文档 说的也比较清楚：

需要注意的是：从编辑器中获取的 html 代码是不包含任何样式的纯 html，如果显示的时候需要对其中的 <table> <code> <blockquote> 等标签进行自定义样式（这样既可实现多皮肤功能），下面提供了编辑器中使用的样式供参考。

关于代码高亮，安装highlight.js插件即可：

npm i highlight.js -S

highlight js官网: https://highlightjs.org/

wangEditor挂载highlight.js：

import hljs from 'highlight.js'
const E = window.wangEditor
const editor = new E('#div-code')
// 挂载highlight插件
editor.highlight = hljs
editor.create()

内容展示需要引入highlight css样式：

import 'highlight.js/styles/xcode.css'