博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用Simditor和七牛上传图片
阅读量:7303 次
发布时间:2019-06-30

本文共 988 字,大约阅读时间需要 3 分钟。

hot3.png

Simditor是tower开源的一款网页编辑器官方网址:

为了使Simditor编辑文档时能将图片自动从前端上传到qn,需要修改它的uploader.js源码,修改后的uploader代码的qnuploader.js

引入Simditor的css和相关的js(ps:qnuploader是自己改来支持七牛的,非官方的)

使用实例:

$(function () {        //启用编辑器        var toolbar = ['title', 'bold', 'italic', 'underline', 'strikethrough', 'color', '|', 'ol', 'ul', 'blockquote', 'table', '|', 'link', 'image', 'hr', '|', 'indent', 'outdent'];        var editor = new Simditor({            textarea: $("#content"),            toolbar: toolbar,            imageButton: ['upload', 'external'],            toolbarFloat: true,            placeholder:'请填写内容',            upload: {                url: 'http://up.qiniu.com', //文件上传的接口地址                qnTokenUrl: '../xxx/getToken',//从服务器获取token接口地址                fileKey: 'file', //服务器端获取文件数据的参数名                connectionCount: 3,                leaveConfirm: '正在上传文件,你确定要离开这个页面吗?',                fileSize: 2097152            }        });    });

 

转载于:https://my.oschina.net/u/1760791/blog/643768

你可能感兴趣的文章
6.数论_web
查看>>
配置Tomcat数据源
查看>>
关于“放假”、“休息” “调休” 的各种说法!
查看>>
SpringBoot+devtools 热部署
查看>>
解决CentOS7安装后没有Killall或ifconfig命令
查看>>
给各位分享PHP常用函数
查看>>
在宏中使得字段只能读取 (几何画板开发笔记 三)
查看>>
leptonica & tesseract & tess4j
查看>>
adb命令启动展讯平台工厂模式
查看>>
linux scp远程拷贝文件及文件夹
查看>>
Apache随机出现403 Forbidden探析
查看>>
Eclipse背景颜色设置(设置成豆沙绿色保护眼睛,码农保护色)
查看>>
sql server触发器知识点储备
查看>>
exchange
查看>>
自定义菜单控制程序
查看>>
mysql的备份-完全备份
查看>>
SELinux笔记
查看>>
使用switch(true) 代替冗长的if-else
查看>>
开源企业级数字化服务平台——Choerodon猪齿鱼发布0.11版本
查看>>
JAVA多重继承的实现
查看>>