软件星级:4分
领航下载站提供wangEditor富文本编辑器下载。wangEditor富文本编辑器作为一款编程软件可以方便web开发者开发css与javascript代码。编辑器免费、开源、UI界面美观、易用,可以很好的兼容浏览器,并且可以支持npm的直接引用,自动缩放与响应式功能。编辑器可以支持多种语言以及图片快速上传,配置十分方便,开发人员可以很简单的将它嵌入到自己的网站程序中。欢迎下载。
功能介绍
1、支持 npm 直接引用
2、支持响应式,自动缩放
3、没有官方的实例销毁方案,项目中使用的是作者在github给出的临时方案
4、支持一个页面多个编辑器
5、不支持一个页面多个编辑器同时使用地图
6、后端需要进行相应配置
修改图片上传方式
图片上传之前一直是wangEditor的诟病,此前用户提出的问题中,大约有1/3到1/2跟图片上传有关。所以,我从很早就开始憋着要好好捣鼓捣鼓图片上传。
非跨域上传
在目前的使用者中,用到跨域的还不是特别多。
本次修改中,非跨域上传讲采用plupload这个伟大的插件,站在巨人的肩膀上吗,哈哈。plupload插件的功能非常强大,什么多文件上传、拖拽、限制类型大小、预览这些都能搞定,这样就不用我自己开发啦。
而且,是需要用户自己开发一个plupload上传组件,然后集成到wangEditor中。这样就把wangEditor和上传组件分离开了,上传图片的功能、页面样式,完全用户自己控制。(不要一定说“组件”、“集成”就想象的很复杂,其实很简单的,看看文档就知道了)
当用户没做任何配置的时候,点击“菜单”按钮这样显示(只能插入网络图片):
配置了上传组件之后,点击“菜单”按钮,就这样显示(能上传本地图片,也能插入网络图片):
这个变化,是由系统自动处理的。怎么样,是不是很神奇?
另外,我专门为配置图片上传录制了视频演示,以及下载视频中的代码,在文档中链接。
跨域上传
首先,这里恭喜先前使用wangEditor上传图片的用户(先前wangEditor只有跨域上传),本次更新的跨域上传向下兼容,你们之前的配置现在同样有效!同时,本版本做的更加易用。之前插入网络图片和上传图片是两个菜单,现在合并成了一个。
没有配置该功能时,点击“菜单”按钮这样显示(只能插入网络图片):
配置了url地址之后,点击“菜单”按钮,就这样显示(能上传本地图片,也能插入网络图片):
另外,我专门为配置图片跨域上传录制了视频演示,以及下载视频中的代码,在文档中链接。
更新日志
- [done] 支持 webp 格式上传
- [done] 增加粘贴时换行的处理,即`.replace(/(\r\n|\r|\n)/g, '<br/>')`
- [done] 解决连续粘贴卡顿的问题(将节流间隔由`500ms`改为`100ms`)
- [done] **上传时配置的自定义参数`uploadImgParams`,去掉自动 encode 的功能,重要!!!**
- [done] 对于`editor.txt.getJSON()`中的特殊字符进行替换
以上是领航小编提供的wangEditor(富文本编辑器)的相关介绍,下载在文章底部,喜欢的话可以多多关注我们的网站。