Django 用户认证 用户 邮箱登录 邮箱注册 ORM or,and,not form.py FORM ModelForm Paginator 分页 HTMl JQuery 定位元素 ajax django切片 restfulapi 跨域 Ubantu Python Mysql Scrapy 爬虫 导出 Python读写 Pycharm 破解 session re sqlit3 生成式 其他 Prism 富文本 CSS Nginx 部署 请求头 抓包 协议 selenium Ubuntu 宝塔 AI Comfy-ui ollama dify open-webui Git docker
ueditor搭配prism.js方法
张建行 2022年4月15日 18:23 48 文章标签: Django HTMl JQuery Prism 富文本

需要把百度编辑器UEditor发布的代码高亮显示,想用Prism.js,但是Prism.js仅支持类似。

<pre><code class="code language-代码语言">代码</code></pre>

这种格式,而百度编辑器UEditor默认发布的代码则是:

 <pre class="brush:代码语言;toolbar:false">代码</pre>

最好的办法就是前端显示的时候给转换一下,下面的js代码放在body最后面执行,确保先加载好文章,然后再通过js转换!

<script type="text/javascript">
    (function(){
        var pres = document.querySelectorAll('pre');
        var lineNumberClassName = 'line-numbers';
        pres.forEach(function (item, index) {
            item.className = item.className == '' ? lineNumberClassName : item.className + ' ' + lineNumberClassName;
        });
    })();
</script>