simditor上传图片php,使用Simditor和七牛上传图片
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和七牛上传图片相关推荐
- 七牛上传图片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 ...
- 使用Simditor和七牛上传图片
2019独角兽企业重金招聘Python工程师标准>>> Simditor是tower开源的一款网页编辑器官方网址:http://simditor.tower.im 为了使Simdit ...
- HTML 七牛上传图片
好记忆不如按烂笔头 ... ... 简介 七牛图片云存储,云操作做的还是很牛叉的,http://www.qiniu.com/ 没有为人打广告的意思. 给你一个上传图片的token ,就能往上面放置你的 ...
- 七牛上传图片html,使用七牛云上传图片
七牛云提供的空间还是很不错的.最近闲来无事,看了下七牛的相关东西,现把图片上传的部分记录一下 使用七牛云需要自己注册账号,这个就不再赘述,很简单的 申请好空间之后,上传需要一个上传凭证,七牛真的很体贴 ...
- python实现自动上传图片_python 实现图片自动上传七牛返回地址
python 实现图片自动上传七牛返回地址 使用markdown编写文件,图片插入一直不太方便,有些markdown编辑器实现的图片插入并且自动上传的功能,但是大多要收费,免费的又存在各种限制,不能自 ...
- 七牛上传图片初探 开始上传 暂停上传 继续上传
效果 代码 public class MainActivity extends AppCompatActivity {ListView listview;AlbumList albumList;@Ov ...
- vue 七牛上传图片
这是我多年前写的 很多都忘了 从github找出来的 <template><div><w-subnav ref="subNav"></w- ...
最新文章
- java前台传多个id用什么接收_jsp 页面传多个id 到java后台的处理方式
- LeetCode: 103. Binary Tree Zigzag Level Order Traversal
- error: Upgrade DB using Essex release first.
- Java中怎样使用反射根据属性名获取和设置属性的值
- Compass 更智能的搜索引擎(3)--高亮,排序,过滤以及各种搜索
- 推荐系统中使用ctr排序的f(x)的设计-传统模型篇
- CL_CRM_REPORT_QUESTION call CRM_REPORT_RF_CHECK_AUTHORITY
- json格式数据,将数据库中查询的结果转换为json, 然后调用接口的方式返回json(方式一)...
- Golang——HTTP编程请求和响应实现
- PyTorch之torch.nn.CrossEntropyLoss()
- Spring 容器简介
- leetcode题解151-翻转字符串里的单词
- 项目周期一般多久_积木创意:影响小程序开发外包的周期因素有哪些?
- Windows 7下硬盘安装Ubuntu 14.10图文教程【硬盘安装】
- oracle 存储过程详细介绍(创建,删除存储过程,参数传递等)1
- DeepStream不支持多 RTSP源(多个摄像头)
- 通达信资金净流入公式_净流入副图源码指标 通达信 贴图
- 服务器上excel文件损坏,excel文件打不开的原因和解决方法 excel文件损坏怎么修复...
- 【学术 | 比赛】比赛?论文?先收藏!29个学术网站,比赛论文不再困难
- xmlDocument是什么?(转)
热门文章
- 联想服务器bios查看网卡信息,深度教你联想电脑设置BIOS启用或禁用网卡的方法...
- 招募法师盗贼开箱游戏java,法师和盗贼经常用的宏
- 基于jsoup的java爬虫-爬取豆瓣小组租房信息
- 2019-2020年汽车电子行业深度报告-1
- spring-cloud-day04之Alibaba
- 基于微信小程序的家庭理财产品
- 标题: 连接到服务器 ------------------------------ 无法连接到
- 2022华为机试4.6第一题舆情热词题解
- Cadence Allegro 设计流程学习记录
- jsp新闻项目(分页评论的维护浏览量)