碧蓝下载站 - 为大家提供一手绿色软件下载服务
首页 > 电脑软件 > 编程软件 > wangEditor下载

wangEditor下载

wangEditor下载
  • 应用大小:248kb
  • 更新时间:2018-02-27 15:23:18
  • 应用版本:3.0.9 含使用方法
  • 应用语言:简体中文
★★★★☆
3034人在玩
3126好玩
应用介绍 同类应用 下载地址

应用介绍

这款wangEditor软件是一个轻量级的富文本编辑器,它是一个基于javascript与css研发的 Web编辑器,简单易用,开源免费,支持npm直接引用,响应式与自动缩放,支持一个页面多个编辑器,支持多语言,多支持本地图片上传,配置简单,那么这个时候wangEditor富文本编辑器怎么使用呢?接下来,ouyaoxiazai给大家整理了对于这款软件的使用方法、配置方法等内容,希望对大家有所帮助。

功能特色:

1、wangEditor支持 npm 直接引用

2、wangEditor支持响应式,自动缩放

3、没有官方的实例销毁方案,项目中使用的是作者在github给出的临时方案

4、wangEditor软件支持一个页面多个编辑器

5、wangEditor富文本编辑器不支持一个页面多个编辑器同时使用地图

6、wangEditor富文本编辑器后端需要进行相应配置

wangEditor使用方法:

配置方法

wangEditor使用方法

图片上传 server 端配置:

图片上传 server 端配置

wangeditor图片上传方式:

图片上传之前一直是wangEditor的诟病,此前用户提出的问题中,大约有1/3到1/2跟图片上传有关。因此,我从很早就开始憋着要好好捣鼓捣鼓图片上传。

非跨域上传

在当前的用户中,用到跨域的还不是特别多。

本次修改中,非跨域上传讲运用plupload这个伟大的插件,站在巨人的肩膀上吗,哈哈。plupload插件的功能非常强大,什么多文件上传、拖拽、限制类型大小、预览这些都能搞定,这样就不需要我自己研发啦。

并且,是需要用户自己研发一个plupload上传组件,而后集成到wangEditor中。这样就将wangEditor与上传组件分离开了,上传图片的功能、页面样式,完全用户自己控制。(不要一定说组件、集成就想象的很复杂,其实很简单的,看看文档就知道了)

1、当用户没做任何配置时,点击菜单按钮这样显示(只能插入网络图片):

点击菜单

2、配置了上传组件之后,点击菜单按钮,就这样显示(能上传本地图片,也能插入网络图片):

点击菜单按钮

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

跨域上传

第一步,这里恭喜先前使用wangEditor上传图片的用户(先前wangEditor唯有跨域上传),本次更新的跨域上传向下兼容,你们之前的配置当前同样有效!同时,本版本做的更加易用。之前插入网络图片与上传图片是两个菜单,当前合并成了一个。

3、没有配置该功能时,点击菜单按钮这样显示(只能插入网络图片):

跨域上传

4、配置了url地址之后,点击菜单按钮,就这样显示(能上传本地图片,也能插入网络图片):

配置url地址

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

本次为你提供的是3.0.9版本的wangEditor富文本编辑器,该编辑器占用系统资源少,使用简单,功能实用,有需要的小伙伴们可在本网站免费下载使用。

下载地址

本站仅创建用户沟通交流的信息平台,所展示的游戏/软件内容来均来自于第三方用户上传分享,资源仅作为用户间分享讨论之用,除开发商授权外不以盈利为目的。如果侵犯了您的权益,请邮箱联系downbl@163.com,我们将第一时间处理。

本站发布的游戏及软件均来源于网络,仅用于人个测试学习使用,不得使用于任何商业用途,请在下载后24小时内删除,请支持正版软件。

如侵犯到您的权益,请及时通知我们,我们会及时处理。邮箱:downbl@163.com

【豫ICP备2023010253号-1】 Copyright @ 2023 碧蓝下载站