simditor上传图片php,使用Simditor和七牛上传图片
Simditor是tower開源的一款網(wǎng)頁編輯器官方網(wǎng)址:http://simditor.tower.im
為了使Simditor編輯文檔時能將圖片自動從前端上傳到qn,需要修改它的uploader.js源碼,修改后的uploader代碼http://git.oschina.net/sunyurepository/javascript/tree/master/src/js的qnuploader.js
引入Simditor的css和相關(guān)的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:'請?zhí)顚憙?nèi)容',
upload: {
url: 'http://up.qiniu.com', //文件上傳的接口地址
qnTokenUrl: '../xxx/getToken',//從服務(wù)器獲取token接口地址
fileKey: 'file', //服務(wù)器端獲取文件數(shù)據(jù)的參數(shù)名
connectionCount: 3,
leaveConfirm: '正在上傳文件,你確定要離開這個頁面嗎?',
fileSize: 2097152
}
});
});
總結(jié)
以上是生活随笔為你收集整理的simditor上传图片php,使用Simditor和七牛上传图片的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: OTRS 功能介绍
- 下一篇: 动态规划算法php,php算法学习之动态