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

过去的习惯,决定今天的你,所以,过去的懒惰,决定你今天的一败涂地。人来到这世界后,命运注定了他必须要拼搏,奋斗,坚持,勇敢地走下去,走出属于自己的道路,没有人能不劳而获。

织梦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" rel="nofollow noopener noreferrer" 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文件,具体参考第二步骤!

    

到此这篇关于织梦dedecms添加百度编辑器成功如何实现代码高亮就介绍到这了。今天你是否成功取决于你昨天的态度,今天的态度决定了你明天是否成功。更多相关织梦dedecms添加百度编辑器成功如何实现代码高亮内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
织梦后台文档列表添加复制文档功能支持所有模型

织梦无法上传ico图标格式文件的如何解决方法

dedecms如何实现任意页面调用当前会员信息的方

织梦dede:tag调用指定多个栏目的TAG标签

织梦栏目列表按附加表自定义字段排序