博客
关于我
替换 WordPress 的编辑器为百度 UEditor 编辑器
阅读量:468 次
发布时间:2019-03-06

本文共 959 字,大约阅读时间需要 3 分钟。

替换WordPress自带编辑器为百度UEditor插件:安装与使用指南

百度开源富文本编辑器UEditor近年来在WordPress环境下的应用日益广泛。作为替代WordPress自带的不太理想的TinyMCE编辑器,本文将详细介绍如何在WordPress后台替换为UEditor,并分享使用体验。

开发背景

UEditor插件最初由taoqili开发,随后由SamLiu进行改进。然而,两位开发者均未继续更新版本。后来,大山在此基础上对插件进行了更新,支持到了UEditor1.4.3版本。此外,大山还在插件基础上集成了KityFormula数学公式编辑功能,为用户提供了更强大的编辑能力。

安装与使用

  • 插件获取

    该插件支持WordPress 4.6及以上版本,理论上不支持WordPress 3.3以下版本。建议在最新版本环境中进行安装。

  • 安装步骤

    下载UEditor-KityFormula插件后,将其解压到WordPress插件目录中。通常路径为/wp-content/plugins/UEditor-KityFormula。或者,直接通过WordPress后台上传插件功能进行安装。

  • 插件配置

    插件默认配置下,编辑器界面会显示滚动条,宽度自动调整,高度为500px。如需调整编辑器初始大小,可通过editor_config.js配置文件进行设置。

  • 功能特点

  • 性能表现

    比较于其他WordPress编辑器插件,UEditor在速度和稳定性方面表现更优。

  • 数学公式支持

    集成KityFormula功能后,用户可以直接在编辑器中输入数学公式,并以图像形式显示。

  • 图片处理

    需注意,插件在上传图片时不会自动将图片插入WordPress媒体库。建议手动将图片添加至媒体库,或通过插件提供的功能进行处理。

  • 注意事项

  • 浏览器兼容性

    UEditor1.4.3版本后不再支持IE6和IE7浏览器。建议使用现代浏览器进行编辑。

  • 插件更新

    大山对插件的维护较为积极,后续版本更新会继续提供支持。此外,插件代码已在GitHub上开源,欢迎社区贡献。

  • 总结

    通过本文的介绍,用户可以轻松将WordPress自带编辑器替换为UEditor插件,享受更强大的编辑功能。如有疑问或需求,可访问提供的演示地址或转至插件发布地址获取更多信息。

    转载地址:http://vgobz.baihongyu.com/

    你可能感兴趣的文章
    npm install无法生成node_modules的解决方法
    查看>>
    npm install的--save和--save-dev使用说明
    查看>>
    npm node pm2相关问题
    查看>>
    npm run build 失败Compiler server unexpectedly exited with code: null and signal: SIGBUS
    查看>>
    npm run build报Cannot find module错误的解决方法
    查看>>
    npm run build部署到云服务器中的Nginx(图文配置)
    查看>>
    npm run dev 和npm dev、npm run start和npm start、npm run serve和npm serve等的区别
    查看>>
    npm run dev 报错PS ‘vite‘ 不是内部或外部命令,也不是可运行的程序或批处理文件。
    查看>>
    npm scripts 使用指南
    查看>>
    npm should be run outside of the node repl, in your normal shell
    查看>>
    npm start运行了什么
    查看>>
    npm WARN deprecated core-js@2.6.12 core-js@<3.3 is no longer maintained and not recommended for usa
    查看>>
    npm 下载依赖慢的解决方案(亲测有效)
    查看>>
    npm 安装依赖过程中报错:Error: Can‘t find Python executable “python“, you can set the PYTHON env variable
    查看>>
    npm.taobao.org 淘宝 npm 镜像证书过期?这样解决!
    查看>>
    npm—小记
    查看>>
    npm上传自己的项目
    查看>>
    npm介绍以及常用命令
    查看>>
    NPM使用前设置和升级
    查看>>
    npm入门,这篇就够了
    查看>>