Laravel使用Ueditor百度编辑器，添加代码高亮功能

为了更好的记录一些学习心得，自建一个简易博客，使用了Laravel6+Ueditor编辑器，需要使用其代码高亮功能，只需要在需要代码高亮的页面，或者公用页面头部加上：

    
       
    
    SyntaxHighlighter.all();

效果如下图，个人并不怎么喜欢。

需要注意的是，引用的路径要正确，Laravel访问public是根目录，相对路径要根据这个来写。代码高亮目前存在的问题，一些js代码会被解析，导致页面无法将代码显示出来。对于html代码，在编辑器中容易被解析成渲染完成的画面，而不是代码。目前还没找到原因。

最近看到一篇文章：百度编辑器(UEditor)结合highlight.js实现代码高亮显示，感觉这代码高亮效果不错，因此也换了，方法如下：

首先到官网去下载这个插件：https://highlightjs.org/download/，选择好语言 Download下载，解压了网站public目录里，如图：

在app.blade.php公用视图文件head里添加：

因为这里使代码高亮遵循的格式是：

你的代码

你的代码

    var allpre = document.getElementsByTagName("pre");
    for(i = 0; i < allpre.length; i++) 
    {
        var onepre = document.getElementsByTagName("pre")[i];
        var mycode = document.getElementsByTagName("pre")[i].innerHTML;
        onepre.innerHTML = ''+mycode+'';
    }

这样就能实现代码高亮了，效果如本页面。