首页 > win软件 > 编程开发 > 编程软件 > wangEditor
wangEditor

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直接饮用,响应式与自动缩放,支持一个页面多个编辑器,支持多语言,多支持本地图片上传,功能非常强大,配置起来也很简单,开发人员可以轻松将它内嵌于自己的网站或程序。

软件介绍 软件特色 软件功能 安装步骤 使用方法 常见问题 更新日志 小编寄语