百度编辑器ueditor代码高亮效果实现方法
来源:本站原创|时间:2021-08-05|栏目:dedecms|点击: 次
相信很多朋友在使用ueditor,同样地,我之前也一直使用ueditor,其中有个功能是插入代码,但是当我使用这个功能时发现,在编辑器中的代码有行数,而且样式显示也不一样,但是,前台展示的页面上却没有行数,以及样式,后来查看后台发现需要引用2个js,我便试着加入,果然,有了行数:下面这就是个例子:加入的js为:
<script type="text/javascript" src="/include/ueditor/third-party/SyntaxHighlighter/shCore.js"></script>
<link rel="stylesheet" href="/include/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css" type="text/css" />
这个我加到头上,在最后面又加入一行:
<script>
SyntaxHighlighter.all() //执行代码高亮
</script>
您可能感兴趣的文章
- 08-05Dedecms5.7版ckeditor网页编辑器添加中文字体
- 08-05织梦教程:后台编辑器添加中文字体方法
- 08-05织梦DedeCMS百度编辑器上传图片无水印的解决办法
- 08-05织梦教程:去掉编辑器自动加div的方法即大小字情况
- 08-05dedecms编辑器中增加代码运行框
- 08-05织梦dedecms后台编辑器样式错乱,变为p x="" yle= 的解决办法
- 08-05百度编辑器UEditor超出最大字数后不能完整保存解决方法
- 08-05织梦的图集编辑器改为完整的文章编辑器的教程
- 08-05织梦后台文章编辑器一片空白解决方法
- 08-05dedecms后台编辑器将回车<br>改为<p>的方法