wangEditor是适合电脑中使用的轻量级web富文本编辑器。wangEditor电脑版支持npm直接饮用,支持响应式与自动缩放,支持一个页面多个编辑器,支持多语言,还支持本地图片上传。wangEditor基于javascript和css设计,丰富的编辑工具,可视化的编辑界面,可完成代码和文本的编辑。

wangEditor
最新版 v3.1.1人工检测,安全无毒
792.00KB
简体
WinAll
编程软件
572次
2025-03-25
31
软件介绍
wangEditor是适合电脑中使用的轻量级web富文本编辑器。wangEditor电脑版支持npm直接饮用,支持响应式与自动缩放,支持一个页面多个编辑器,支持多语言,还支持本地图片上传。wangEditor基于javascript和css设计,丰富的编辑工具,可视化的编辑界面,可完成代码和文本的编辑。
软件特色
1、支持npm直接引用。
2、支持响应式,自动缩放。
3、没有官方的实例销毁方案,项目中使用的是作者在github给出的临时方案。
4、支持一个页面多个编辑器。
5、不支持一个页面多个编辑器同时使用地图。
6、后端需要进行相应配置。
软件功能
简洁易用,功能强大
快速接入,配置简单,几行代码即可生成。集成了所有常见功能,无需二次开发。在Vue React也可以快速接入。
支持JS Vue React
不依赖任何第三方框架,可用于jQuery Vue React等。wangEditor提供了官方的Vue React组件。
踩过5000+坑
wangEditor开源多年,有大量用户使用和反馈,我们已解决了太多的用户问题(详见github issues)。
安装步骤
在本站下载wangEditor官方版软件包
解压到当前文件夹
双击打开文件夹中应用程序
使用方法
wangeditor图片上传
一、非跨域上传
1、图片上传之前一直是wangEditor的诟病,当用户没做任何配置的时候,点击“菜单”按钮这样显示(只能插入网络图片)。
2、配置了上传组件之后,点击“菜单”按钮,就这样显示(能上传本地图片,也能插入网络图片)。
二、跨域上传
1、之前插入网络图片和上传图片是两个菜单,现在合并成了一个,没有配置该功能时,点击“菜单”按钮这样显示(只能插入网络图片)。
2、配置了url地址之后,点击“菜单”按钮,就这样显示(能上传本地图片,也能插入网络图片)。
常见问题
问:wangeditor如何获取值?
答:1、我们先搜索该富文本框的脚本文件,下载回来后,在自己的页面里引入该脚本。
我们的代码有用到Jquery,所以也把Jquery脚本引入了)。
2、然后是写一个DIV,该富文本框是嵌入到这个div里显示的,接着用JS脚本初始化富文本框。
3、运行页面后,我们就可以看到页面上有一个文本输入框了,而且支持输入各种格式。
4、我们可以在这个输入框里输入带格式的内容,比如H1标题文字,带下横线的文字,带背景色的文字,有序列表,表情符号等等。
更新日志
1:优化了性能
2:解决bug问题我们是认真的
小编寄语
wangEditor是基于javascript和css开发的一款轻量级web富文本编辑器,具有免费开源、易用、UI界面精致、与浏览器兼容性好的诸多特性,支持npm直接饮用,响应式与自动缩放,支持一个页面多个编辑器,支持多语言,多支持本地图片上传,功能非常强大,配置起来也很简单,开发人员可以轻松将它内嵌于自己的网站或程序。
Python集成开发编程工具
专业版 v2023.1.1 / 120MB
1.1W 570 2023-10-08
开源服务软件
最新版 V2.48.1 / 120MB
1.0W 524 2025-02-14
代码生成工具
最新版 / 120MB
8.9K 446 2023-10-23
好用的图形处理工具
官方免费版v5.5.1 / 120MB
8.8K 439 2024-07-15
Ruby集成开发环境
最新版 / 120MB
8.5K 426 2023-10-21
网站快速成型工具
官方版 v2.13.2 / 120MB
8.3K 416 2025-02-05
编程开发设计软件
官方版 v2024.3.6 / 120MB
7.8K 390 2025-03-28
儿童图形化编程学习软件
v3.1.1 / 120MB
7.3K 366 2025-05-14
实用型商业数学软件
中文版 vR2020a / 120MB
7.2K 362 2024-05-27
跨平台代码重构工具
最新版 / 120MB
6.9K 343 2023-10-25