欢迎来到素材无忧网,按 + 收藏我们
登录 注册 退出 找回密码

织梦dedecms添加百度编辑器成功实现代码高亮

时间: 2019-05-13 11:30 阅读: 作者:素材无忧网

织梦5.7自带的编辑器有一个很不好的地方就是不能够是代码高亮,所以有的织梦使用者就利用其它的一些形式来代替,如表格,引用等。目的只有一个就是让代码看的更加清楚在,站长部落 作为一个为广大站长提供技术支持的网站难免会贴出一些代码工站长学习交流,  所以为了方便大家使用,所以也在网上找到一些教程,经过一些更改之后成功了:


一 、 首先下载  经过更改后的百度编辑器  http://down.chinaz.com/soft/31257.htm 


    将解压之后文件夹中include文件夹覆盖在网站目录下的include文件夹下  ,这里主要覆盖了 include/inc/inc_fun_funAdmin.php 文件  及增加了一个Ueditor 文件夹。     在织梦系统后台点击"系统"--"系统基本参数"--"核心设置",找到"HTML编辑器"项目,设置为Ueditor 保存即可;

        注:如果你的网站放在linux服务器 那么这里有一个小不同: include文件夹下的Ueditor 改为小写的 ueditor  后台设置不变!!


二,内容页修改

    

下载 /shCoreDefault.css  及shCore.js两个文件 

    

在文章内容页中引入这两个文件  例如:

<link  rel="stylesheet" type="text/css" href="{dede:global.cfg_templets_skin/}/style/shCoreDefault.css"/>
<script type="text/javascript" charset="UTF-8" src="{dede:global.cfg_templets_skin/}/js/shCore.js"></script>


然后在内容页底部加入写列代码:

<script type="text/javascript">
    SyntaxHighlighter.highlight();
    var editor_a = new baidu.editor.ui.Editor();
    editor_a.render( 'myEditor' );
</script>


好了 !  如果你也安装以上步骤安装顺利的话,就可以看到本页一样的代码高亮效果了!


相关问题:

如果你发现在后台编辑器中  代码可以高亮但是在发布之后的文章中却消失了,那么很有可能是文章内容页中没有加入相关js或css文件,具体参考第二步骤!

    

版权声明: 本站资源均来自互联网或会员发布,如果侵犯了您的权益请与我们联系,我们将在24小时内删除!谢谢!

转载请注明: 织梦dedecms添加百度编辑器成功实现代码高亮

标签:  
模板推荐