这个问题主要发生在ueditor编辑器在MRCMS建站系统上无法正常插入代码格式的问题。在ueditor中插入代码后代码会变成

 <pre>xxxxx</pre>

这种格式，代码在前端渲染着色需要code标签才能支持。

解决方案

引入：Prism 代码渲染器 ，他的开源地址，https://github.com/PrismJS/prism

我们进入到官方网站https://prismjs.com/ 然后点击【download】

勾选你需要的语言和主题，建议根据自己的需求勾选，太多了整个js文件会比较大。

选择好了后，就点击下载js和css文件，引入到项目中。

由于没有code标签，ueditor编辑后前端还是无法正确渲染，因此需要改动几个地方。

1、改动ueditor.all.js  ,在代码中搜索"<pre" 定位到需要改的代码，红色框中是增加的代码。主要是扩展class样式

2、修改Prism.js , 打开文件，搜索 “querySelectorAll” ，querySelectorAll函数的参数修改未pre

修改后，他会扫描pre代码不会有code ，会有展示格式问题，因此还需要再渲染器追加code标签。

往后找到循环代码然后插入代码

AI思考中...

AI思考中...