使用Simditor和七牛上传图片

2019独角兽企业重金招聘Python工程师标准>>>

Simditor是tower开源的一款网页编辑器官方网址：http://simditor.tower.im

为了使Simditor编辑文档时能将图片自动从前端上传到qn,需要修改它的uploader.js源码，修改后的uploader代码http://git.oschina.net/sunyurepository/javascript/tree/master/src/js的qnuploader.js

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

 <link rel="stylesheet" type="text/css" href="/simditor2.1.5/styles/simditor.css"/><script type="text/javascript" src="../simditor2.1.5/scripts/jquery.min.js"></script><script type="text/javascript" src="../simditor2.1.5/scripts/module.js"></script><script type="text/javascript" src="../simditor2.1.5/scripts/hotkeys.js"></script><script type="text/javascript" src="../simditor2.1.5/scripts/qnuploader.js"></script><script type="text/javascript" src="../simditor2.1.5/scripts/simditor.js"></script>

使用实例：

  $(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

使用Simditor和七牛上传图片相关推荐

simditor上传图片php,使用Simditor和七牛上传图片
Simditor是tower开源的一款网页编辑器官方网址:http://simditor.tower.im 为了使Simditor编辑文档时能将图片自动从前端上传到qn,需要修改它的uploader. ...
七牛上传图片html,MWEB+七牛上传图片
MWEB+七牛上传图片博客之前的图片也都用的七牛,但编辑和上传分离还是很麻烦,所以一直很心水meb, 上周mweb降到50￥,感觉短期内应该不会再降了,于是果断入手,今天在和使用图床功能遇到了一些 ...
Android使用七牛上传图片踩坑及解决方案
Android开发上传图片到七牛的步骤 1. 集成七牛SDK compile 'com.qiniu:qiniu-android-sdk:7.3.+' 2. 获得上传凭证token用于上传图片到七牛这 ...
Taro 项目实现更改微信头像，使用七牛上传图片
一.效果图二.taro 提供了选择图片的接口 https://taro-docs.jd.com/taro/docs/apis/media/image/chooseImage // 文档提供的示例 T ...
HTML 七牛上传图片
好记忆不如按烂笔头 ... ... 简介七牛图片云存储,云操作做的还是很牛叉的,http://www.qiniu.com/ 没有为人打广告的意思. 给你一个上传图片的token ,就能往上面放置你的 ...
七牛上传图片html,使用七牛云上传图片
七牛云提供的空间还是很不错的.最近闲来无事,看了下七牛的相关东西,现把图片上传的部分记录一下使用七牛云需要自己注册账号,这个就不再赘述,很简单的申请好空间之后,上传需要一个上传凭证,七牛真的很体贴 ...
七牛上传图片初探开始上传暂停上传继续上传
效果代码 public class MainActivity extends AppCompatActivity {ListView listview;AlbumList albumList;@Ov ...
vue 七牛上传图片
这是我多年前写的很多都忘了从github找出来的 <template><div><w-subnav ref="subNav"></w- ...
七牛HTML 上传按钮,七牛 JSSDK 配置＋常见问题
作者:娇娇jojo 时间:2018年6月19日一.铺垫依靠七牛上传图片,其实有很多方法,先说说有哪些方法,以及这些方法各自的优缺点吧(移动端). way1:前端只负责选择图片,然后将图片传给服务端 ...

使用Simditor和七牛上传图片

使用Simditor和七牛上传图片相关推荐

最新文章

热门文章