您的位置：极速下载站→ 资讯首页 → 软件教程 → 软件资讯 → Wangeditor富文本编辑器使用介绍(2)

Wangeditor富文本编辑器使用介绍(2)

时间：2020-11-15 11:39:13 作者：无名浏览量：55

Wangeditor富文本编辑器使用介绍图3

配置了上传组件之后，点击“菜单”按钮。就这样显示（能上传本地图片，也能插入网络图片）：

Wangeditor富文本编辑器使用介绍图4

这个变化，是由系统自动处理的，怎么样，是不是很神奇？

另外，我专门为配置图片上传录制了视频演示。以及下载视频中的代码，在文档中链接。

跨域上传

首先，这里恭喜先前使用wangEditor上传图片的用户（先前wangEditor只有跨域上传）。本次更新的跨域上传向下兼容，你们之前的配置现在同样有效。同时本版本做的更加易用，之前插入网络图片和上传图片是两个菜单，现在合并成了一个。

没有配置该功能时，点击“菜单”按钮这样显示（只能插入网络图片）：

Wangeditor富文本编辑器使用介绍图5

配置了url地址之后，点击“菜单”按钮。就这样显示（能上传本地图片，也能插入网络图片）：

Wangeditor富文本编辑器使用介绍图6

另外，我专门为配置图片跨域上传录制了视频演示。以及下载视频中的代码，在文档中链接。

更新日志：

wangEditor重构v1.3.13发布。全平台浏览器支持。现已支持以下自定义配置：

设置高度（固定高度、自适应高度）

初始化内容（通过javascript、html）

获取内容、追加内容

自定义删减菜单，自定义菜单分组、排序

监听 onchange 事件

自定义配置表情图标、支持分组表情（类似QQ分组表情）

配置高亮代码块

过滤源码中的javascript

本地图片上传（支持跨域）

多语言支持

使用 requirejs、seajs

增加 placeholder 效果

wangEditor 3.1.1 官方版