宁波网站建设咨询:宁波网站建设
13780026116 宁波网站制作
网站公告
PHP技术
技术交流
网络推广
网站建设常见问答
殷雯动态
你的位置:首页> 新闻/观点 > 技术交流>Ueditor开启代码高亮设置
技术交流
Ueditor开启代码高亮设置

Ueditor开启代码高亮设置

    ueditor在网站后台常用的富文本编辑器。html代码在后台编辑器内输入文本框后 前台想要完整的展现出来一真是个问题。百度ueditor1.4.3原本有这样的插件整合着,我们设置一下就可以开启

    先看看效果图
1.jpg

  1. 后台原代码不用改动,如何调用百度ueditor按文档原样子调用

  2. 前台需要如下图调用百度第三方目录的代码高亮设置

    3DA46D269E7B83D12DBA603FA50134E9.jpg

  3. shCoreDefault.css是代码高亮的样式,可以修改自己喜欢的样式

    网站很多文章没有上面4和6的步骤。


    有可能他们是从代码高亮官网直接下载的SyncaxHighlighter插件,然后调用。 百度ueditor前台显示的content是经过处理的,必须使用uParse函数进行二次处理后显示。

/*这是网上许多的教程代码,这是不够的,这些都没有自己尝试过,从其他文章复制过来的代码*/
<script type="text/javascript" src="/Public/static/ueditor/third-party/SyntaxHighlighter/shCore.js"></script>
<link rel="stylesheet" href="/Public/static/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css">
<script type="text/javascript">
    SyntaxHighlighter.all();
</script>



点击:  1129    时间: 2018-11-30
上一条: 行业趋势
下一条: 建站小插件推荐:图片放大缩小zoomerang.js
 
 
快速通道: 关于我们    网站建设    主机域名    付款方式    我的声明
  
联系我们
手机扫描QQ
网站建设咨询:
咨询热线:
宁波殷雯网站建设工作室
地 址: 浙江省宁波市江东区
电 话: 13780026116 
邮 箱:
waichun@qq.com
宁波网站建设
宁波网站制作
13780026116
宁波殷雯网站建设工作室 版权所有   浙ICP备16030041号-1