prism 代码语法高亮
官网地址:http://prismjs.com/index.html
将ueditor高亮代码改成prism格式代码,并加入prism行号
ueditor代码高亮 prism 代码语法高亮 效果演示
官网地址:http://prismjs.com/index.html
下载prism css代码和js代码
使用非常广泛的百度Ueditor编辑器,后台代码编辑会产生如下的HTML代码
将ueditor高亮代码改成prism格式代码,并加入prism行号
$(document).ready(function(){ var doc_pre = $("#post_content pre"); doc_pre.each(function(){ var class_val = $(this).attr('class'); var class_arr = new Array(); class_arr = class_val.split(';'); class_arr = class_arr['0'].split(':'); var lan_class = 'language-'+class_arr['1']; var pre_content = ''+$(this).html()+''; $(this).html(pre_content); $(this).attr("class",'line-numbers '+lan_class); }); });
ueditor代码高亮 prism 代码语法高亮 效果演示
继续阅读与本文标签相同的文章
-
阿里云Linux服务器动态扩容(阿里云服务器扩容后磁盘空间无变化解决方法)
2020-11-30栏目: 建站教程
-
6个SEM实战技巧,大神手把手教你做推广!
2020-07-20栏目: SEM
-
苏州美食推荐,持续更新
2020-06-17栏目: 生活笔记
-
企业如何玩转视频号
2020-05-12栏目: 运营杂谈
-
SEO关键词排名该掌握的核心优化技巧
2020-05-12栏目: SEO
打印
分享
发表评论 已发布 0 条