最新消息:

wordpress3.5集成百度UEditor教程

Wordpress NickYang 15158浏览 15评论

wordpress上的tinymce编辑器一直不好用,这个是大家公认的,所以很多人写了一些教程说要换成CK Editor等其他编辑器,但是均要大改wordpress的很多代码,对一些不熟悉代码的朋友来说甚是麻烦。

百度的UEditor出来也没多久,最初还是在OSChina上看到的,试用了一下功能,觉得很不错,本来想打算做一个Web编辑器给策划来配置颜色,结果因为不甚熟悉php和JS的代码而作罢。

现在又看到了最新版本的一些功能挺不错的,决定更换到wordpress,百度自己提供了一个wp-ueditor.zip的插件包,并且有说明文件,不过不甚详细,所以还是决定详细再说一次。

安装步骤:

  1. 1.下载wp-ueditor.zip文件

  2. 2.在wp后台上传插件并启用

  3. 3.开启插件,然后就可以看到写文章页面出现了一上一下的两个编辑窗口

这个时候不要着急,我们在通过一些手段修改功能,让wp的默认编辑器是UEditor。

  1. I.通过编辑UEditor插件修改ueditor/editor_config.js中的URL变量为绝对路径或者相对路径

    URL = window.UEDITOR_HOME_URL||tmp.substr(0,tmp.lastIndexOf("\/")+1).replace("_examples/","wp-content/plugins/wp-ueditor/").replace("website/","wp-content/plugins/wp-ueditor/");

  2. II.下载的UEditor.zip解压以后,根目录会看到一个ue3.3.2-edit-form-advanced.php和ue3.3.1-edit-form-advanced.php,ue3.3.1-前缀表示对应wp的某个版本,不过我们一般选择最高版本的,将其改名为edit-form-advanced.php

  3. III.将wp-admin文件夹中的edit-form-advanced.php备份

  4. IV.将II中我们修改名字文件上传至wp-admin文件夹中

这样我们替换wp中默认编辑器为UEditor的过程就结束了。关于编辑器的使用可以查看UEditor的功能介绍。

btw.我发现还存在一个问题,就是切换编辑器焦点的时候,光标会跳到最开始,希望百度可以处理一下。


参考:

1.http://vpc.cc/1113.html

2.http://ueditor.baidu.com/website/document.html

转载请注明:C++爱好者博客 » wordpress3.5集成百度UEditor教程

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

网友最新评论 (15)

  1. 百度的编辑器UI做的太差!
    www.laiqi.net5年前 (2014-03-19)回复
  2. 学习了,还好默认编辑器够我用
    小众音乐6年前 (2013-03-22)回复
  3. 我前段时间也是换的ue了~
    红色石头6年前 (2013-03-04)回复
    • UE编辑器还是很不错的。你感觉呢?
      eliteYang6年前 (2013-03-05)回复
      • 挺不错的,之间用的ke,ke比ue来看,包大小比较小,但是排版不太好用~
        红色石头6年前 (2013-03-06)回复
  4. 这个对折腾博客者来说应该很有用。不过,我没怎么折腾了。
    酷特尔6年前 (2013-02-25)回复
  5. 来学习一下,大力支持
    藏章博客6年前 (2013-02-24)回复
  6. 来学习一下,大力支持
    教您买购物6年前 (2013-02-24)回复
  7. 不想折腾了
    爱软E6年前 (2013-02-23)回复
    • 哈……我是觉得默认的编辑器太难用了,所以才换的,百度这个的确不错。换不换在个人了。
      eliteYang6年前 (2013-02-23)回复
  8. 大家要多多的支持哦, 可以相互帮助!~。。。。。。。
    藏章博客6年前 (2013-02-23)回复
  9. 支持一下先,哈~~