EMLOG更换KindEditor编辑器为CKEditor 4.4.5

在应用EMlog模板时发现,后台编辑器采用的是KindEditor,而这款编辑器只是支持基本的文本编辑功能,甚至不能正常的上传图片、附件,只能依靠EMlog自带的附件上传功能,这样对文章的编辑受到很大限制,所以楼主想到更换编辑器以改善文章的编辑能力。

首先下载最新CKEditor安装文件:ckeditor_4.4.5_full 

你还可以登录 http://ckeditor.com/download 注册 登录 然后可以自由选择编辑器标准版或是完整版,并且可以自选插件。

将压缩文件解压,然后用FTP上传到根目录 admin/ 文件夹下(原来的KindEditor就是那个editor文件夹)。

然后就是编辑器的引用了:

到 admin/views/ 文件夹下,找到add_log.php(用于添加文章)和edit_log.php(用于编辑文章);

add_log.php中找到:

<textarea id="content" name="content" cols="100" rows="8" style="width:800px; height:460px;"></textarea>

将 id="content" 修改为 id="editor1"

edit_log.php中找到:

<textarea id="content" name="content" style="width:800px; height:460px; border:#CCCCCC solid 1px;"><?php echo $content; ?></textarea>

 

同样将 id="content" 修改为 id="editor1"

修改后,将</textarea> 后边添加:(这两个文件都要加)

<script>
                // Replace the <textarea id="editor1"> with a CKEditor
                // instance, using default configuration.
                CKEDITOR.replace( 'editor1' );
            </script>

以上讲了编辑器的替换操作,别忘了要在这两个文件的:

<?php if(!defined('EMLOG_ROOT')) {exit('error!');}?>

下方加上引用CKEditor编辑器的javascript:

<script src="./ckeditor/ckeditor.js"></script>

就是这么任性,刷新你后台添加文章或编辑文章的页面,a new editor is comming !

文章摘自:畅学网 http://51changxue.com/html/CKEditor.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值