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是自己改来支持七牛的,非官方的)

使用实例:

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

}

});

});

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

  1. 七牛上传图片html,MWEB+七牛 上传图片

    MWEB+七牛 上传图片 博客之前的图片也都用的七牛,但编辑和上传分离还是很麻烦,所以一直很心水meb, 上周mweb降到50¥,感觉短期内应该不会再降了,于是果断入手,今天在和使用图床功能遇到了一些 ...

  2. Android使用七牛上传图片踩坑及解决方案

    Android开发上传图片到七牛的步骤 1. 集成七牛SDK compile 'com.qiniu:qiniu-android-sdk:7.3.+' 2. 获得上传凭证token用于上传图片到七牛 这 ...

  3. Taro 项目实现更改微信头像,使用七牛上传图片

    一.效果图 二.taro 提供了选择图片的接口 https://taro-docs.jd.com/taro/docs/apis/media/image/chooseImage // 文档提供的示例 T ...

  4. 使用Simditor和七牛上传图片

    2019独角兽企业重金招聘Python工程师标准>>> Simditor是tower开源的一款网页编辑器官方网址:http://simditor.tower.im 为了使Simdit ...

  5. HTML 七牛上传图片

    好记忆不如按烂笔头 ... ... 简介 七牛图片云存储,云操作做的还是很牛叉的,http://www.qiniu.com/ 没有为人打广告的意思. 给你一个上传图片的token ,就能往上面放置你的 ...

  6. 七牛上传图片html,使用七牛云上传图片

    七牛云提供的空间还是很不错的.最近闲来无事,看了下七牛的相关东西,现把图片上传的部分记录一下 使用七牛云需要自己注册账号,这个就不再赘述,很简单的 申请好空间之后,上传需要一个上传凭证,七牛真的很体贴 ...

  7. python实现自动上传图片_python 实现图片自动上传七牛返回地址

    python 实现图片自动上传七牛返回地址 使用markdown编写文件,图片插入一直不太方便,有些markdown编辑器实现的图片插入并且自动上传的功能,但是大多要收费,免费的又存在各种限制,不能自 ...

  8. 七牛上传图片初探 开始上传 暂停上传 继续上传

    效果 代码 public class MainActivity extends AppCompatActivity {ListView listview;AlbumList albumList;@Ov ...

  9. vue 七牛上传图片

    这是我多年前写的 很多都忘了 从github找出来的 <template><div><w-subnav ref="subNav"></w- ...

最新文章

  1. java前台传多个id用什么接收_jsp 页面传多个id 到java后台的处理方式
  2. LeetCode: 103. Binary Tree Zigzag Level Order Traversal
  3. error: Upgrade DB using Essex release first.
  4. Java中怎样使用反射根据属性名获取和设置属性的值
  5. Compass 更智能的搜索引擎(3)--高亮,排序,过滤以及各种搜索
  6. 推荐系统中使用ctr排序的f(x)的设计-传统模型篇
  7. CL_CRM_REPORT_QUESTION call CRM_REPORT_RF_CHECK_AUTHORITY
  8. json格式数据,将数据库中查询的结果转换为json, 然后调用接口的方式返回json(方式一)...
  9. Golang——HTTP编程请求和响应实现
  10. PyTorch之torch.nn.CrossEntropyLoss()
  11. Spring 容器简介
  12. leetcode题解151-翻转字符串里的单词
  13. 项目周期一般多久_积木创意:影响小程序开发外包的周期因素有哪些?
  14. Windows 7下硬盘安装Ubuntu 14.10图文教程【硬盘安装】
  15. oracle 存储过程详细介绍(创建,删除存储过程,参数传递等)1
  16. DeepStream不支持多 RTSP源(多个摄像头)
  17. 通达信资金净流入公式_净流入副图源码指标 通达信 贴图
  18. 服务器上excel文件损坏,excel文件打不开的原因和解决方法 excel文件损坏怎么修复...
  19. 【学术 | 比赛】比赛?论文?先收藏!29个学术网站,比赛论文不再困难
  20. xmlDocument是什么?(转)

热门文章

  1. 联想服务器bios查看网卡信息,深度教你联想电脑设置BIOS启用或禁用网卡的方法...
  2. 招募法师盗贼开箱游戏java,法师和盗贼经常用的宏
  3. 基于jsoup的java爬虫-爬取豆瓣小组租房信息
  4. 2019-2020年汽车电子行业深度报告-1
  5. spring-cloud-day04之Alibaba
  6. 基于微信小程序的家庭理财产品
  7. 标题: 连接到服务器 ------------------------------ 无法连接到
  8. 2022华为机试4.6第一题舆情热词题解
  9. Cadence Allegro 设计流程学习记录
  10. jsp新闻项目(分页评论的维护浏览量)