当前位置:首页 > 网站技术 > 正文
在Emlog中集成UEditor图文版教程—适用于emlog5.0_追梦人笔记网
浏览715+

今天在BBS上看到有人问如何在emlog中移至ueditor编辑器,后来查了一下发现ueditor是一个功能十分强大的编辑器,于是就花了一个小时的时间将其移植了过来,经过初步测试,没有发现神马问题,基本上所有功能都运作正常,当然还需要进一步的测试。不过这里先把教程放出来。
运行效果:

下面是详细移植方法,有兴趣的可以参照一下,emlog版本为4.2.1
1、当然是下载源码啦
http://ueditor.baidu.com/website/ipanel/panel.html#

2、解压后有这些东西

3、修改editor_config.js文件,将红色部分替换成你的网址

4、在emlog的admin目录下创建文件夹ueditor

5、将如下文件全部上传到文件夹ueditor中

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

1
<script charset="utf-8" src="./editor/kindeditor.js"></script>


加入如下代码

1
<script type="text/javascript" src="./ueditor/editor_config.js"></script>

2
<script type="text/javascript" src="./ueditor/editor_all.js"></script>

3
<link rel="stylesheet" href="./ueditor/themes/default/ueditor.css">

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

2
<script>loadEditor(‘content’);</script>

替换成

1
<textarea id="content" name="content" cols="100" rows="8" style="width:719px;"></textarea>

2
<script type="text/javascript">

3
var editor = new baidu.editor.ui.Editor();

4
editor.render(‘content’);

5
</script>

这里我只替换了日志的编辑器,如果也想替换掉摘要的编辑器,怎么做应该不用我说也懂得了吧。。。。。
7、修改admin/views/edit_log.php文件

修改方法和admin/views/add_log.php文件一模一样
8、修改admin/views/js/common.js文件

替换

1
function addattach(imgurl,imgsrc,aid){

2
if (KE.g[‘content’].wyswygMode == false){

3
alert(‘请先切换到所见所得模式’);

4
}else {

5
KE.insertHtml(‘content’,'<a target=\"_blank\" href=\"’+imgurl+’\" id=\"ematt:’+aid+’\"><img src=\"’+imgsrc+’\" alt=\"点击查看原图\" border=\"0\"></a>’);

6
}

7
}

1
function addattach(imgurl,imgsrc,aid){

2
editor.setContent(editor.getContent()+'<a target=\"_blank\" href=\"’+imgurl+’\" id=\"ematt:’+aid+’\"><img src=\"’+imgsrc+’\" alt=\"点击查看原图\" border=\"0\"></a>’);

3
}

替换

1
var content = KE.html(‘content’);

成(共有两处 )

1
var content = editor.getContent();

替换
如果你替换掉了摘要编辑器,注意摘要取值那里也要修改一下哦

9、冲突插件排除(在冲突插件排除之前ueditor编辑器不可使用)
目前在我emlog上安装有的插件中已知有三个插件与之不兼容,分别是

日志编辑器表情切换

代码高亮插件

可运行代码

不兼容的主要原因是这三个插件都调用了原来编辑器的函数。
处理方法
插件一:直接删除,因为ueditor中已经带有了很丰富的表情,这个表情插件不再需要。

插件二:我发现ueditor中也自带了代码高亮的功能

但是需要依赖于插件二才能在前台正常显示
插件二后台冲突,前台依赖怎么办呢?
只需要关闭其后台功能即可
修改content/plugins/syntaxHighlighter/syntaxHighlighter.php文件
注释掉这行即可

1
//addAction(‘adm_writelog_head’, ‘syntaxHighlighter_writelog’);

插件三:同理插件二
10、需要修改的插件(不修改ueditor也能正常使用,但是插件不能正常使用)

日志分页

EM相册

插件一:修改content/plugins/nav_page/nav_page.php文件

替换

1
editor(‘content’,’

1
editor.setContent(editor.getContent()+’

在Emlog中集成UEditor图文版教程—适用于emlog5.0_追梦人笔记网
声明:追梦人笔记网 | 本文采用[BY-NC-SA]协议进行授权
文章名称:《在Emlog中集成UEditor图文版教程—适用于emlog...
文章固定链接:http://sina.re/130.html
除注明转载文章外 转载时必须以链接形式注明作者和原始出处及本声明
在Emlog中集成UEditor图文版教程—适用于emlog5.0_追梦人笔记网:等您坐沙发呢!

发表评论

快捷键:Ctrl+Enter