首页 > CMS > Wordpress > 正文

Wordpress替换后面编辑器为ueditor编辑器

2024-09-07 00:51:52
字体:
来源:转载
供稿:网友

ueditor为国内少有的优秀编辑器了,它有自动图片下载,自动保存及格式化排版功能了,同时还有代码功能这些功能都非常的实用了,下面我们就来介绍替换Wordpress 后台编辑器为 百度ueditor 编辑器,希望文章对各位有帮助.

1、下载/安装

下载并安装wordpress,下载百度编辑器wp插件.

2、安装百度编辑器

2.1解压之后,把ueditor文件夹复制到wp-content/plugins/下面.

2.2.复制ueditor文件下的 general-template.php 文件到wp-includes/文件夹下面,复制原文件, 或者先把源文件改名.

2.3.修改 general-template.php,大约在文件的第1790行左右:

  1. function wp_editor($content$id = 'content'
  2.  echo '<textarea class="wp-editor-area" rows="20" tabindex="1" cols="40" 
  3.   name="content" id="content" style="display: none; " aria-hidden="true">'.$content.'</textarea>'; 
  4.  echo '<script type="text/javascript" src="../wp-content/plugins/ueditor/editor_config.js"></script>'
  5.  echo '<script type="text/javascript" src="../wp-content/plugins/ueditor/editor-all.js"></script>'
  6.  echo '<link rel="stylesheet" type="text/css" href="../wp-content/plugins/ueditor/themes/default/ueditor.css"/>'
  7.  echo "<script type='text/javascript'
  8.    var editor = new baidu.editor.ui.Editor( 
  9.    {  //Vevb.com 
  10.     initialContent:document.getElementById('content').value, 
  11.     textarea:'content' 
  12.    }); 
  13.    editor.render('content'
  14.   </script>"; 

2.4.修改 wp-content/plugins/ueditor/editor_config.js,在开始的地方修改为:

  1. var URL=window.location.protocol+"//"+window.location.hostname+"/wp-content/plugins/ueditor/"
  2. //这里你可以配置成ueditor目录在您网站的相对路径 

3、修饰

修改wp-admin/下面的wp-admin.css,查找#wp-word-count:

#wp-word-count{display:none;padding:2px 10px;}<strong> </strong>/*这个是统计字数的,因为百度编辑器已经有了这个功能,所以none掉,不过可有可无!*/

4、注意

目前官方提供的版本只支持 V3.2.1 版本的Wordpress,对于新版的Wordpress 还存在很多BUG和不足,不建议用在3.2.1以上版本的Wordpress.因此百度编辑器仅供测试.

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表