ueditor 代码高亮及换行

插件 发表时间:2016-10-19 作者:赵七七 浏览次数:737

代码高亮

    第一次用ueditor的时候,天真的以为用上他就能出来各种各样的样式,但是没想到的是它竟然也像别人家的孩子一样有那么多的配置项,第一次在ueditor里边人人真真的写入了一段php代码,本以为是这样的

code.png

    然而事实呢,它不仅没样式,连个背景颜色都没有,这下我就不能忍了找了好多资料,原来这家伙也是要配置的。步骤如下


    第一步:后台选择代码语言

blob.png

     

    第二步:前台显示的页面(文章页)引入ueditor中的js和css文件

<script type="text/javascript" src="/Public/static/ueditor1_4_3/third-party/SyntaxHighlighter/shCore.js"></script>
<link rel="stylesheet" href="/Public/static/ueditor1_4_3/third-party/SyntaxHighlighter/shCoreDefault.css">
<script type="text/javascript">
    SyntaxHighlighter.all();
</script>

  


    做完这写暗暗得意,这下总该出来了吧,去前边一看确实出来了,然后本人又手欠的拿起我的手机试了一下,结果发现这么长的一串代码连个湾都不会拐,这能可怎么能忍,然后又开始了寻找解决方案的过程 ... ...... .........



    代码自动换行

    

    这需要手动修改上边引进去的shCoreDefault.css 在里边搜索.syntaxhighlighter  加上 word-break:break-all; 即可。终于完美了~   

上一篇js 返回顶部