最新消息:20210816 当前crifan.com域名已被污染,为防止失联,请关注(页面右下角的)公众号

【记录】在wordpress中,折腾百度开源富文本编辑器UEditor

WordPress crifan 5250浏览 0评论

参考:

WordPress集成Ueditor编辑器,用WP3.2.1

去试试Ueditor。

先在本地wordpress试试效果。

1.去Ueditor主页

http://ueditor.baidu.com/website/ipanel/panel.html#

下载:

1.2.3.0 PHP 版本 的UTF-8版本

下载到ueditor1_2_3_0-utf8-php.zip。
2. 然后参考官网的:

教程 -> UEditor若干专题->在wordpress中集成UEditor

下载:

http://ueditor.baidu.com/website/download/wp-ueditor.zip

3. 解压后,把整个wp-ueditor文件夹都拷贝到

wp-content\plugins

中。

然后后台插件中,就可以看到Ueditor了:

 

can see ueditor

虽然看到了解释:

由于编辑器的特殊性,本插件的安装使用需要注意以下事项:
1、插件安装好之后,还需要修改edit-form-advanced.php文件中关于编辑器容器的模板代码。
2、插件目录下的ue3.3.1-edit-form-advanced.php中是已经修改好的对应文件,适用于wp3.3.1版本。ue3.3.2-edit-form-advanced.php适用于wp3.3.2版本
3、如需修改编辑器的各种行为,可直接修改插件主文件main.php下方实例化对象时传入的参数即可,参数名称请参考editor_config.js文件。
4、此版本暂不支持自动保存功能。关闭默认的自动保存及自动草稿方法可参考网上资料,此处不再详述。
5、不需要使用编辑器时,直接停用即可还原成系统默认的编辑器。
6、本插件适用的wordpress版本:3.3.1+

但是,看不懂。

因为找不到edit-form-advanced.php。

是需要把ue3.3.1-edit-form-advanced.php或ue3.3.2-edit-form-advanced.php改名为edit-form-advanced.php ???

不清楚,至少此处没有说明。

4.到wordpress后天,随便编辑一个帖子,是可以看到Ueditor编辑器的,但是编辑界面中,最上面还保留有wordpress默认的编辑器的:

still see old and new

5.想要参考之前那位的教程:

1.下载 wp-ueditor.zip,解压后将ueditor文件夹复制到wp-content/plugins下 。

2.将general-template.php 覆盖到wp-includes下 (最好先备份之前的文件,不喜欢可以换回来) 。

3.修改ueditor/editor_config.js里的URL为网站的绝对路径 。

好了,就这么简单,不妨折腾试试哦!倡萌使用手机发布文章,没办法截图测试,实在可惜。

结果也找不general-template.php。

6.后来又去看了官网的解释:

1、插件安装并启用之后,还需要修改edit-form-advanced.php文件中关于编辑器容器的模板代码。

2、插件目录下的ue-edit-form-advanced.php中是已经修改好的对应文件,直接替换wp-admin文件夹下的对应文件即可。

才想到,会不会edit-form-advanced.php是wordpress本身的文件,

然后果然找到了:

wp-admin\edit-form-advanced.php

然后比较了

ue3.3.2-edit-form-advanced.php和当前的edit-form-advanced.php。

发现的确很多改动,同时发现两者都不是UTF-8编码的。

然后去把edit-form-advanced.php改名为edit-form-advanced_orig.php

把ue3.3.2-edit-form-advanced.php拷贝到wp-admin下,并改名为edit-form-advanced.php,以及用Notepad++转换编码为UTF-8

然后就可以看到Ueditor编辑器正常显示了:

see ueditor normally

 

 

7. 试了试Ueditor的功能,相对还是很强大的,效果也不错。

比如还支持百度地图:

baidu map

google map:

google map

 

【总结】

Ueditor,效果不错。

 

【后记 2012-12-01】

后来试了试,去通过后台,使用UEditor去编辑某个帖子,结果无法正常显示换行:

【未解决】wordpress文本编辑器百度UEditor中无法正常显示换行

所以,就放弃了,后来就把UEditor禁用了。

 

【后记 2012-12-06】

现在又试了试,重新启用UEditor,无意间又发现,又可以正常编辑帖子了,可以正常显示换行了:

current post can show newline

然后其中的表格显示,也是很不错的:

UEditor show table is good

然后后来插入了代码,发现其显示效果也很不错:

inserted code is show good

所以,相对而言,如果都可以正常工作的前提下,UEditor,还是蛮好用的。

转载请注明:在路上 » 【记录】在wordpress中,折腾百度开源富文本编辑器UEditor

发表我的评论
取消评论

表情

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

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

网友最新评论 (4)

  1. 用了这个编辑器,新建页面不行怎么办
    java学习10年前 (2014-10-10)回复
    • 自己多研究研究吧。我很久不弄那个了。
      crifan10年前 (2014-10-11)回复
  2. 来晚了...插件文件似乎全部都没了…… 去官网转了好久都没找到文件
    Mtkey11年前 (2014-06-23)回复
  3. 刚好正在纠结怎么没这几个文件。。。
    byte12年前 (2012-11-17)回复
95 queries in 0.190 seconds, using 22.11MB memory