此网站为郑州seo技术博客网站,欢迎加好友互相探讨!
当前位置:郑州SEO博客 > HTML技巧 > 正文

Emlog博客编辑器版本升级同时加入了代码处理模

11-22 HTML技巧

 

 Emlog博客编辑器版本升级同时加入了代码处理模块

 

同时将新版ke编辑器的"插入程序代码"模块进行了优化,直接返回着色的代码块,这个功能来源大前端()的代码工具箱页面,进行了一些整合、修改,这个功能就不再放出方法了,有需要的可以参考syntaxhighlighter这个插件,整合一下即可。个人觉得采用syntaxhighlighter太过臃肿所以没有采用这个插件,最主要是能力有限没有那么多的代码块拿出来分享也就没必要用syntaxhighlighter了。

优化过的"插入程序代码"模块插入的代码显示如下:

<ul id="nav">
<li><a href="index.php">首页</a></li>
<li><a href="about.php">关于</a></li>
<li><a href="case.php">成功案例</a></li>
<li><a href="demo.php">演示</a></li>
<li><a href="down.php">下载</a></li>
<li><a href="doc.php">文档</a></li>
<li><a href="license.php">授权</a></li>
<li class="active"><a href="bbs.php">论坛</a></li>
</ul>

个人使用,凑合就行,也就没那么多讲究了。

------------------------------------

------------------------------------

以下分享一下升级emlog后台文章编辑器的方法步骤:

针对emlog老版本,原先也写过一篇文章,不过比较老旧了,而且当时那篇文章中也遗留了几个问题没有解决,仅供参看,地址:

1、下载ke最新版并瘦身

kindeditor最新版下载地址:

下载后解压,删除jsp、examples、asp.net、asp几个文件夹进行瘦身。我们只需要引用kindeditor-min.js即可,顶层文件夹内的其他几个js文件诸如kindeditor-all-min.js之类的均可删除,如果你的服务器空间不捉急,删不删这几个js文件无所谓啦~

2、将以上瘦身过的文件上传到emlog的./admin/editor中 如下图所示

 

 Emlog博客编辑器版本升级同时加入了代码处理模块

 

3、修改emlog几个核心引用文件

3.1、修改./admin/views/add_log.php文件

第2行修改,引入新的ke核心文件为如下:

 

<script charset="utf-8" src="./editor/kindeditor-min.js"></script>
<link rel="stylesheet" href="./editor/themes/default/default.css"/>

第23行修改,修改载入编辑器的新方法[文章主体部分],修改为如下:

<script>
contentContent = KindEditor.create('#content',{
resizeType:1,
allowFileManager : true,
filterMode:false,
wellFormatMode:false,
cssData : 'body {font-size:15px;font-family:"\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei",Helvetica,Arial,Verdana,"\5B8B\4F53";}pre {margin:15px 0;font:100 12px/18px monaco, andale mono, courier new;padding:10px 12px;border:#ccc 1px solid;border-left-width:4px;background-color:#fefefe;box-shadow:0 0 4px #eee;word-break:break-all; word-wrap:break-word;color:#444;}'
});
</script>

第62行修改,同样是载入编辑器方法[文章摘要部分],修改如下:

<script>
excerptContent = KindEditor.create('#content',{
resizeType:1,
allowFileManager : true,
filterMode:false,
wellFormatMode:false,
cssData : 'body {font-size:15px;font-family:"\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei",Helvetica,Arial,Verdana,"\5B8B\4F53";}pre {margin:15px 0;font:100 12px/18px monaco, andale mono, courier new;padding:10px 12px;border:#ccc 1px solid;border-left-width:4px;background-color:#fefefe;box-shadow:0 0 4px #eee;word-break:break-all; word-wrap:break-word;color:#444;}'
});
</script>

3.2、同理修改./admin/views/add_page.php文件 不再赘述

3.3、同理修改./admin/views/edit_log.php文件 不再赘述

3.4、同理修改./admin/views/edit_page.php文件 不再赘述

不知道大家注意没有,3.1中修改23行时有个新变量contentContent、62行时有个新变量excerptContent;这个时候就要修改./admin/views/js/common.js文件了

3.5、修改./admin/views/js/common.js

该文件的最开始位置添加一个变量声明代码:

 

var contentContent,excerptContent;

版权保护: 本文由 郑州SEO博客 原创,转载请保留链接: http://www.zglblog.cn/html/88.html