如何在wordpress中使用百度富文本编辑器UEditor
  admin 发表于 2013-10-10 13:41  分类:技术资料  3,389 次阅读  0条评论

 无意中发现了百度的富文本编辑器UEditor感觉很好,功能很强大。说实话,我最喜欢的一个功能就是代码高亮,这样就再也不用使用SyntaxHighlighter那些指令来进行代码高亮了(不过UEditor好像也是使用的SyntaxHighlighter的JS),直接插入代码就可以实现所见即所得的高亮代码。所以把它wordpress的默认编辑器换成UEditor还是挺不错的。

首先点击这里进入UEditor下载页面,在这里可以下载完整版或定制具体功能,很方便很个性。我这里直接下载的完整版,将所有文件解压到“baidu”目录。在“baidu”目录同目录创建一个“index.php”文件,内容如下:

   1:  <head>
   2:  <metahttp-equiv="Content-Type"content="text/html; charset=UTF-8">
   3:  <title>百度UEditor实例</title>
   4:  <scripttype="text/javascript"src="/editor_config.js"></script>
   5:  <script type="text/javascript" src="/editor_all.js"></script>
   6:  <link rel="stylesheet" href="/themes/default/ueditor.css"/>
   7:  </head>
   8:  <body>
   9:  <div id="myEditor"></div>
  10:  <script type="text/javascript">
  11:  var editor = new baidu.editor.ui.Editor();
  12:      editor.render("myEditor");
  13:  </script>
  14:  </body>

然后在浏览器中打开这个文件就可以看到编辑器了。

baidueditor

上面是UEditor通用方法,可以再任何网站中使用,详细使用方法可以参考UEditor官方网站

要想将wordpress中的默认文本编辑器换成UEditor,需要下载一个插件,点击这里到官方下载插件。将插件安装启用,然后将插件目录下的“ue3.3.2-edit-form-advanced.php”重命名为“edit-form-advanced.php”并替换“wp-admin”目录下的同名文件(注意备份)。wordpress默认编辑器就变成百度的富文本编辑器UEditor了。

ueditor

如需修改编辑器的各种行为,可直接修改插件主文件main.php下方实例化对象时传入的参数即可,参数名称请参考editor_config.js文件。不需要使用编辑器时,直接停用即可还原成系统默认的编辑器。

以上转自:http://www.baezone.com/computer/435.html

用这个文本编辑器之后,编辑文章方便多了……

本文固定链接: http://www.youduoshao.com/2013-10-10/201310102280.html

填写您的称呼和邮箱即可发布评论

快捷键:Ctrl+Enter