Web建设与开发

当前位置:首页>博客专栏>Web建设与开发
全部 9 硬件设计 2 嵌入式系统 2 软件设计 2 Web建设与开发 3 C#入门到精通 0

UEditor结合highlight.js实现代码高亮显示

时间:2020-05-31   访问量:1104
文章内容

参考文章:


1. https://blog.csdn.net/msllws/article/details/81048390


2. http://www.cnsbq.com/javascript/241.html


按这两种方式,其实是一种。我将下面的脚本放到了页面头内,发现代码并没有高亮。

<script type="text/javascript">
    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 = '<code id="mycode">'+mycode+'</code>';
    }
</script>

更换使用方式,将脚本放到页面底部,<body></body>标签内部。代码高亮了。

上一篇:没有了!

下一篇:Html速学标签