百度编辑器UEditor代码高亮以及换行问题

在使用百度编辑器UEditor时,发现代码没有高亮,如图:

1.png

如何让代码高亮?

百度编辑器已经自带了对应的主题文件

2.png

将如图的两个文件引入

然后加入js代码:

3.png

保存同步到服务器,效果如下:

4.png

但是,会发现行标不对应,而且不会换行,然后没有带下划线,不美观。

先解决换行问题:

加入css样式:

5.png

效果如下:

8.png

现在换行成功了,但是航标又错位了。

解决错位问题。

加入js代码:

7.png

效果如下

10.png

问题完整解决,以上部分代码是借鉴多为技术大佬的思想的。

除特别注明外,本站所有文章均为 www.codeproj.cn 原创,转载请注明出处来自 http://www.codeproj.cn/web-control-ueditor/106.html

服务热线

微信

微信服务号