wangeditor与deaftjs的停止维护，2024编辑器该如何做技术选型（一）

最新推荐文章于 2024-07-02 17:21:09 发布
最新推荐文章于 2024-07-02 17:21:09 发布
阅读量811 收藏 20
点赞数 19
文章标签： 编辑器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lefex/article/details/137705406
版权

wangeditor暂停维护的声明：

9764cd7a19bc6a3b7c636a685e5e33d9.png

wangeditor是国内开发者开发的编辑器，用户也挺多，但是由于作者时间关系，暂停维护。

deaft的弃坑的声明：

32046fd468e09e820921f9a87d3c72ef.png

draft是Facebook开源的，但是也弃坑了，说明设计的时候存在很大的问题，不然也不会从一个坑跳到另一个坑。

那么2024年编辑器该如何进行技术选型？编辑器这条路太卷了，开源编辑器有十几个，但是每个都会有一些问题，如果想做深入开发，做成类似飞书这种编辑器，没有一款能完全符合要求，都需要花很大的精力来扩展功能，光靠热情来维护一款编辑器很难继续下去。需要3-5个人来维护才能做好前端编辑器。那我们来分析一下我看到比较好的编辑器。

Prosemirror

很早之前看到Prosemirror时，哇，就这么点sta

最低0.47元/天 解锁文章
lefex
关注
  • 19
    点赞
  • 踩
  • 20
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
富文本编辑器推荐
Baron的技术blog
02-03 472
ckeditor: 老牌，稳定，扩展性、功能性强。 quill: 项目比较新，稳定，扩展性高、功能性好。 medium-editor: 老牌，维护的一般，较长时间未更新。 wangEditor: 国货，使用方便。 ueditor: 百度业务集成，稳定，已不再维护。 tinymce: 功能和扩展性都不错。 该怎样选择？ 功能、生态强大 近期还在维护的 上传图片配置 如不经过配置，上传图片只能输入网络链接地址‘’ 如需要支持本地上传：配置接口 参考：wangEditor 官方配置文档 配置.
富文本编辑器的选择
weixin_47359038的博客
05-09 891
文章目录前言优质的文章不推荐使用的编辑器推荐使用的编辑器wangEditortinymcequilleditor.js 前言 前端新手，看了两天各大富文本编辑器的使用，记录一下自己对富文本编辑器的理解与选择。此文章自我感觉质量较低，图一乐。 优质的文章 有很多大牛都写过富文本编辑器的发展史与推荐编辑器等文章，写的很好。 开源富文本编辑器技术的演进：https://zhuanlan.zhihu.com/p/268366406 编辑器文档合集：https://github.com/xjh22222228/a
「newbee-mall新蜂商城开源啦」 页面优化，最新版 wangEditor 富文本编辑器整合案例...
程序员有故事
11-02 621
在开源项目达到一定规模时，社区就会给出非常多的反馈，想要开源保持长久的生命力和正向的影响力，定期维护和更新是十分必要的。同时，从另一个角度来说，这也是对该开源项目使用者负责。1新蜂商城开...
富文本编辑器wangEditor初探
沛哥儿的专栏
07-27 458
(1)整体来讲比较简单 (2)需要注意是个性化方面的设置 ①个性化，官方有说明，但是示例不太明显。需要自己一个个尝试 有点小bug（还能忍受下）。 图片太大会直接选中图片导致属性框不显示的问题 ps:editor.destroy(); // 组件销毁时，及时销毁 editor ，重要！！！ 这个在弹窗的时候，最好销毁所有的子组件。这样处理的话不会导致点开多次不回显的问题。
富文本编辑器~wangEditor
红尘炼炼心的博客
03-13 374
百度编辑器操作相对复杂，其他编辑器功能不够齐全，多次使用发现还是wangEditor编辑器简单易用，功能也比较合适。
wangEditor4 + vue3.0 创建一个基础的 富文本编辑器
zxf_CN的博客
08-13 2117
文章时间：2021.8.13 如果超过太久了，可能文章就会失效了，所以请注意 。 项目场景： 使用 wangEditor 来弄一个 富文本编辑器，实现文章的 添加 和 编辑。 问题描述： 在网上搜了，使用那个富文本编辑器好，于是就找到了这个 wangEditor ，我也不知道 轻量不轻量，反正还好用 。样子的这样的，看图： 因为是使用 vue3.0 来和他搭配，他的官网只有和 html 页面搭配，所以到网上找文章，看了好多、好多，发现咦，为什么我的配置都报错了，他们不好呢 ？ 原来是 他们使用
Vue中使用 WangEditor 编辑器的详细教程
qq_42704945的博客
08-08 6917
在富文本编辑器中，你可以通过自定义样式和配置来定制编辑器的外观和行为。以下是一个示例，展示了如何自定义编辑器的样式和配置：// 自定义编辑器的样式 editor . config . height = 400;// 配置编辑器的相关选项 editor . config . uploadImgServer = '/api/upload';// 初始化编辑器 editor . create();} , };
轻量级Web富文本编辑器——wangEditor
半城之北的博客
02-19 417
最近在CSDN写博文，被它的富文本编辑器折磨到了。
WangEditor5 + vue3富文本编辑器实现图片上传后插入编辑器
a820206256的博客
12-24 1020
placeholder: '请输入内容...',// 配置上传图片// 自定义上传，insertFn是上传成功后插入图片到编辑器// 后端接口服务器地址// 创建 FormData 对象try {// 使用 Axios 发送 POST 请求// 自定义请求头headers: {},// 获取进度条进度});// 获取响应信息if (response.data.msg === '上传成功')
wangEditor编辑器
03-11
很好用的富文本编辑器wangEditor,设置内容、获取内容、上传图片、使用 AMD 加载、使用 textarea、onblur、onfocus、onchange、获取 JSON、配置表情、多语言、CSS-Reset
wangeditor 一个好用的编辑器
03-18
【wangeditor：一款强大的在线文本编辑器】 wangeditor是一款功能丰富且易于使用的富文本编辑器，尤其适合于Web应用程序中的文本输入场景。它以其简洁的API、良好的可定制性和出色的用户体验而受到开发者的欢迎。这...
H5引入wangEditor编辑器Demo
03-13
wangEditor是一个流行的开源富文本编辑器，适用于各种Web应用程序，尤其是需要用户输入内容的场景，如博客、论坛、评论系统等。它的主要优点在于简洁的API、良好的可定制性以及对移动端的良好支持。 ### 1. 安装...
HTML前端wangEditor富文本编辑器demo（jQuery）
02-14
wangEditor就是这样一个强大的富文本编辑器，它专为JavaScript和jQuery设计，同时也能很好地融入Vue等现代前端框架。本示例是一个基于jQuery的wangEditor应用，具有丰富的功能，包括图片可拖拽调整大小，以及方便地...
html网页富文本编辑器插件wangEditor富文本编辑器下载
11-02
- **与后端交互**：在实际应用中，通常需要将编辑器的内容同步到后端服务器，可以通过Ajax或Fetch等技术实现数据的提交和获取。 - **版本更新与维护**：保持关注wangEditor的更新，定期升级到最新版本以获取新功能...
「全新升级，性能更强大——ONLYOFFICE 桌面编辑器 8.1 深度评测」
忆~遂愿的博客
06-25 1877
启用严格模式，锁定您编辑的段落，不受干扰地处理内容。产品功能因此得到显著的改善和扩展，从而在世界多个国家取得了用户的高速稳定增长。访问文档的版本历史记录，查看每个版本的创建者和创建日期与时间，以及所做的更改。留下批注，讨论文档中的问题。启用追踪更改功能，查看其他用户所做的更改。快速比较两个文档，发现两个文档之间的差异。从多种格式化工具中选择，插入和编辑复杂对象，通过插件强化用户体验。经验丰富的IT专家开发的项目，公司总部位于拉脱维亚里加。在办公软件领域中，用户体验的直观性和易用性非常友好。
ONLYOFFICE8.1版本桌面编辑器测评
2301_81184479的博客
06-26 1346
Onlyoffice是一款功能强大的在线和桌面办公套件，它包含了文字处理、电子表格和演示文稿等核心应用，旨在为用户提供高效、便捷的文档处理体验。同时，Onlyoffice还支持跨平台使用，无论是Windows、Mac、Linux还是移动端设备，用户都能轻松访问和编辑文档，随时随地无缝的使用它。此外，Onlyoffice还提供了丰富的协作功能，使得团队成员可以在线实时编辑、评论和共享文档。极大地提高了工作效率。Onlyoffice8.1版本是一款功能强大、兼容性强、实时协作、安全可靠且易于集成的在线办公套件。
【error】针对Windows 11家庭版用户启用组策略编辑器
最新发布
ly000666的博客
07-02 229
运行完成后，在C:\Windows\System32目录下应该会出现gpedit.msc文件，此时即可通过运行该命令打开组策略编辑器。新建一个文本文件，将扩展名改为**.bat**（如EnableGPEdit.bat）。右键点击该批处理文件，选择“
wangEditor富文本编辑器
07-30
wangEditor是一款基于JavaScript和CSS开发的Web富文本编辑器，它具有轻量级、简洁、易用的特点。相比于普通的文本编辑器，富文本编辑器可以输入超越文本的数据内容，包括上传图片、输入表情、字体大小字号调整、颜色设置、对齐方式等功能操作。[1] 在使用wangEditor富文本编辑器时，首先需要在代码中引入相关的文件。可以在editor.vue文件中添加以下代码： ```html <template> <div> <div ref="editor" style="text-align:left"></div> </div> </template> <script> import E from 'wangeditor' export default { name: 'MyEditor', data() { return { editorContent: '', editor: null } }, props: { value: { type: String, required: true } }, model: { prop: 'value' }, methods: { getContent: function () { alert(this.editorContent) }, _initEditor(that) { var editor = new E(this.$refs.editor) editor.config.zIndex = 100 editor.create() that.editor = editor } }, mounted() { this._initEditor(this) setTimeout(() => { this.editor.txt.html(this.value) }, 1000) } } </script> <style scoped> </style> ``` 然后，可以在需要使用富文本编辑器的地方注册组件，并创建编辑器。可以使用以下代码： ```html <!-- 首先给出一个div，并设id属性 --> <div id="div1"></div> <script type="text/javascript"> var E = window.wangEditor var editor = new E('#div1') // 创建编辑器 editor.create() </script> ``` 以上是使用wangEditor富文本编辑器的基本介绍和使用方法。[1][2][3]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值