java并发富文本编辑器多线程_Vue使用百度富文本编辑器ueditor配合highlight.js实现代码高亮显示...

使用过百度富文本编辑器的同学，应该知道用原有的"代码语言"功能写出来的代码显示毫无高亮显示，让人毫无看下去的欲望，就像下面这样。

所以我决定使用highlight.js来美化一下，让代码高亮显示。

首先下载安装highlight.js。cnpm install highlight.js --save

导入js和css，这里css的样式可以自己去百度找，选择自己喜欢的一款引入。import hljs from 'highlight.js' //导入代码高亮文件

import 'highlight.js/styles/atom-one-dark.css'  //导入代码高亮样式

由于百度富文本编辑器的代码是用

标签包裹，而highlight.js是通过

标签和类名进行渲染的，所以我们需要在提交的时候处理一下，把

标签替换成我们想要的

形式，通过下面的代码实现，this.msg是富文本编辑器里面的内容。hlCode(){
    

//替换pre标签，前端高亮显示

let content=this.msg;</