把WordPress文本编辑器替换百度富文本编辑器UEditor

时间 2019-11-13

标签 wordpress 文本编辑器替换百度 ueditor 栏目 Wordpress 繁體版

原文原文链接

UEditor是由百度 Web前端研发部开发的所见即所得的富文本在线编辑器，具备轻量，可定制，注重用户体验等特色，开源基于BSD协议，容许互联网开发者自由传播和使用代码 javascript

新增功能 php

远程图片抓取 css

服务器图片在线管理 html

增长了baidu图片搜索功能，搜索图片而后直接插入到编辑器中前端

word的本地图片取得寛高 java

插入视频，可预览，而且界面加入了视屏搜索功能，而且能够插入视屏预览图到编辑器中 web

附件上传浏览器

自动排版服务器

单元格属性编辑编辑器

ie下的截屏功能

源码模式下css进行了简写

添加了上来就能够全屏的配置项

添加了contentchagne事件

优化了首页自定制下载

功能优化

修改了行间距的展现方式

段间距变为段前距和段后距

改进了autolink的效果，例如: dddhttp://www.baidu.com 回车,http://www.baidu.com也能够被匹配到了

分页符能够删除

加强了表格的编辑功能

优化了状态反射的性能，改成编辑器得到焦点才会触发，失去焦点不在触发状态查询

修正了focus()方法，执行编辑器实例的focus方法能够选回失去焦点以前的选区

重写了浮动工具栏，支持混乱模式下的工具栏滚动

重写了autoheight插件，去掉setInterval的方式，而且长高时不在跳动

文件上传提供flash源码

提供了.net的事例代码

首页文档进行了改进

上图为完整版，官方网站也有mini版的下载

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

 
        < 
        head 
        > 
       
 
        < 
        meta  
        http 
        - 
        equiv 
        = 
        "Content-Type" 
          
        content 
        = 
        "text/html; charset=UTF-8" 
        > 
       
 
        < 
        title 
        >百度 
        UEditor实例 
        < 
        / 
        title 
        > 
       
 
        <script  
        type 
        = 
        "text/javascript" 
          
        src 
        = 
        "/editor_config.js" 
        > 
        </script> 
       
 
        <script  
        type 
        = 
        "text/javascript" 
          
        src 
        = 
        "/editor_all.js" 
        > 
        </script> 
       
 
        < 
        link  
        rel 
        = 
        "stylesheet" 
          
        href 
        = 
        "/themes/default/ueditor.css" 
        / 
        > 
       
 
        < 
        / 
        head 
        > 
       
 
        < 
        body 
        > 
       
 
        < 
        div  
        id 
        = 
        "myEditor" 
        > 
        < 
        / 
        div 
        > 
       
 
        <script  
        type 
        = 
        "text/javascript" 
        > 
       
 
             
        var 
          
        editor 
          
        = 
          
        new 
          
        baidu 
        . 
        editor 
        . 
        ui 
        . 
        Editor 
        ( 
        ) 
        ; 
       
 
            
        editor 
        . 
        render 
        ( 
        "myEditor" 
        ) 
        ; 
       
 
        </script> 
       
 
        < 
        / 
        body 
        > 
       

而后在浏览器中打开这个文件就能够看到编辑器了。

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

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

——————————————————————————————————————

本地测试结果：

功能丰富强大，在某种意义上是更加符合国人的习惯，和用惯wp编辑器的相比，实属意义不大，暂时测试3.6版本无问题，不知之后程序升级有没有影响

文章演示截图：

相应的美观还须要本身在主题样式调式的，每一个主题的演示效果都不会同样，这里仅是为了演示个文章表情，和代码高亮显示（无需插件）

原文转载：http://www.newsky365.com/wp-ueditor/