QQ:914466480/微信:hnyanshan
QQ群:730836105(星岚应用售前群),任何人可加入。
QQ群:958662301(星岚应用售后群),需要提供订单号,同时还有微信售后群。
wangEditor5 编辑器,免费开源(基于MIT开源协议),原作者双越老师,作者官网:https://www.wangeditor.com/,支持二次开发,大家可放心使用!
而且原作者也在一直更新wangEditor5 编辑器,因此我们也可随着原作者的更新升级我们的插件。
得益于wangEditor5 拥有完整的开发文档,我们才能把它制作成Z-blog PHP的插件。
曾几何时,我们一直想找一款类似于微信公众号那样简单易用的现代化富文本编辑器, 现在他来了!
注意:不可以与其他编辑器插件同时使用,使用该插件请提前关闭其他编辑器插件(例如Z-blog PHP自带的UEditor编辑器)!
wangEditor5 编辑器默认不支持在手机上使用,其实不管任何编辑器插件,在手机上的用户体验都非常差,因此wangEditor5 编辑器官方干脆砍掉了这个功能。
当然这个功能也是可以解开的,只是需要定制在手机上显示的工具栏,才能提升用户的使用体验不,有需要的用户可以找我们定制!
网络搜索“Web 富文本编辑器”你会得到很多结果,例如国内的 UEditor kindEditor ,国外的 CKEditor TinyMCE Quill ProseMirror Draft Slate 等等。也有很多人使用这些编辑器,或者来做二次开发。
但他们都存在下面几个问题(敲黑板~),这可能会大大影响你的开发效率、开发成本和产品稳定性。
如 UEditor KindEditor ,依然使用 document.execCommand API 。这将大大影响产品的稳定性、扩展性。
到时候啥啥都实现不了,哪儿哪儿都有问题,会被 PM 鄙视:“人家 xxx 咋能行?”
如 CKEditor TinyMCE Quill ProseMirror 等,没有官方的中文文档。这将大大影响你的开发效率(今晚加班~)
PS:英语特别的,请略过。
如 ProseMirror Draft Slate ,他们虽然也是富文本编辑器,但他们仅仅是一个 core 或者 controller ,并不是一个完整的功能。
大量的二次开发,不仅仅会导致研发成本大增(本月封闭~),还可能因为测试不完善而出现无尽的 bug ,陷入泥潭。
PS:除非你们有强烈的定制开发需要。
如 Slate 和 Draft ,是依赖于 React 框架的。如果你想用到 Vue 中,工作量和难度是非常大的。
一些无框架依赖的,如 ProseMirror ,如果你要用到 Vue React ,需要自己封装组件。
上述列出来的编辑器,都是比较成熟的产品,用户量较大。你可能还会搜到其他产品,如新开发的、用户量不大的。
无论如何,请你慎重选择,因为富文本编辑器的坑真的太多了,需要经过大量的测试、使用才会慢慢稳定。
选择稳定的产品,可参考
github stars
npm 下载量
npm 发布时间和频率
搜索引擎的相关结果数量
是否有大厂背书
是否有单元测试 / e2e 测试
一个产品的价值,就在于解决用户的问题,提高效率、降低成本、增加稳定性和扩展性。
wangEditor 不是为了做而做,也不是单纯的模仿谁,而是经过上述问题分析之后,给出一个系统的解决方案。旨在真正去解决用户的问题,产出自己的价值。
wangEditor 从 V5 版本开始,有较大的技术更新。
弃用了 document.execCommand API ,使用 slate.jsopen in new window(但不依赖 React)为内核,升级为 L1 能力。
这也是目前主流富文本编辑器的技术方案,如知名的 Quill ProseMirror Draft 都在使用。
使用 vdom 技术(基于 snabbdom.jsopen in new window )做视图更新,model 和 view 分离,增加稳定性。
使用扩展插件和模块的机制,保证扩展性。未来还会继续扩展更多功能。
其实,现在 wangEditor 内置的各个功能,也都是通过扩展插件和模块的形式搭建起来的。
wangEditor 有详细的中文文档,以及中文交流环境。因为作者open in new window就是国内程序员。
也可以去 github 提交 issue ,团队都会及时反馈或受理。
wangEditor 内置了所有常见的富文本操作功能,能满足绝大部分使用需求。直接配置使用即可,无需再二次开发。
// wangEditor 已内置 50+ 菜单editor.getAllMenuKeys()[
"bold","underline","italic","through","code","clearStyle","headerSelect","header1","header2","header3",
"color","bgColor","insertLink","editLink","unLink","viewLink","insertImage","deleteImage","editImage",
"viewImageLink","imageWidth30","imageWidth50","imageWidth100","blockquote","emotion","fontSize","fontFamily",
"indent","delIndent","justifyLeft","justifyRight","justifyCenter","lineHeight","redo","undo","divider","codeBlock",
"bulletedList","numberedList","insertTable","deleteTable","insertTableRow","deleteTableRow","insertTableCol",
"deleteTableCol","tableHeader","tableFullWidth","insertVideo","deleteVideo","uploadImage","codeSelectLang"]
PS:同时,wangEditor 有丰富的 API 和足够的扩展性,允许你自定义开发菜单、模块、插件等。
wangEditor 基于 slate 内核开发,但不依赖于 React ,所以它本身是无框架依赖的。
并且,我们官方封装了 Vue React 组件,可以很方便的用于 Vue React 等框架。
其他框架,我们会继续支持,大家也可以提交 issue 。
wangEditor 开源多年,大量用户使用和反馈,已经解决了很多问题open in new window。在 V5 版本测试过程中,也这些问题进行了重复测试,最大程度保证稳定性。
wangEditor 早已不是作者单人作战,我们有多人团队,一起修复 bug 、升级功能、跟踪问题、社区答疑。
1. 您在购买应用前,须要先确认该应用是否符合您的使用需求,数字化商品不支持试用。依据《消费者权益保护法》第二十五条规定,该应用为在线下载的数字化商品,在购买后一经下载安装不能退款。
2. 您在应用中心购买的应用,仅是该应用的许可使用权,该应用的所有权仍归应用提供方所有。
3. 一个应用仅可用于单一账号使用,未经本站和应用提供方同意,不得二次发布、赠送、转售、租让、盗版等,否则我们将永久关闭用户账号并保留继续追究相关责任的权利。
4. 如包含该应用的网站被转售或赠送、租让等,请另用新账号购买该应用或移除该应用,否则将视为违反使用协议被永久取消该账号的使用权利。
5. 如无特殊说明,已购买应用仅包括相关使用权及免费更新服务,应用中心及应用提供方不提供额外售后安装等服务。
6. 您使用应用中所存在的风险,完全由用户自己承担,包括系统受损、资料丢失以及其它任何风险。
7. 用户不得利用该应用以任何方式从事违反法律法规及社会公序良俗的行为,用户须对其不当使用行为可能带来的后果负全部法律责任,本站及应用提供方不承担任何责任。
8. 应用提供方和本站如发现用户将应用安装于黄赌毒诈等非法网站,将停止用户相关的使用权和服务,并将用户相关违法信息上报至网络监管部门。
9. 本站及应用提供方保留在不通知您及不对您承担责任的情况下变更、限制、冻结或终止您对某些内容的使用的权利。
1. 请先注册账号,然后登录“应用中心”。
2. 直接点击“购买应用”,跟随指引即可。
1. 购买者在自己的Z-Blog网站登录,进入后台,在左侧菜单栏点击“应用中心”菜单。
2. 在“应用中心”的首页,使用应用中心注册账号进行登录。
3. 进入“我的应用仓库”,即可看到已购买成功的应用,点击“下载”即可下载安装。
1. 如果通过自己网站后台无法正常访问应用中心,请谨慎购买,因为这将可能导致应用无法顺利下载安装。
2. 如已购买收费应用无法正常下载,请在自己网站后台检查Z-Blog及应用更新,如均已更新至最新版本仍无法下载请及时与我们联系。
3. 应用更新时有可能覆盖本地设置,请在更新前做好备份。