织梦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添加百度编辑器成功如何实现代码高亮内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!