vue-quill-editor+plupload富文本编辑器实例详解

vue-quill-editor+plupload富文本编辑器实例详解富文本编辑器实例详解

主要介绍了vue-quill-editor+plupload富文本编辑器实例详解,需要的朋友可以参考下

1,先给vue项目中下载vue-quill-editor依赖npm install vue-quill-editor --save

2,下载plupload依赖npm install plupload --save

3,在组件中分别引入对应的js

import { quillEditor }from 'vue-quill-editor'

import '@/assets/js/crypto1/crypto/crypto.js'

import '@/assets/js/crypto1/hmac/hmac.js'

let host = '阿里oss的存储文件地址'

let bucket = 'image'

let g_dirname = ''

let g_object_name = ''

let g_object_name_type = ''

var timestamp

let now = timestamp = Date.parse(new Date())/ 1000

let pos = ''

let suffix = ''

var policyText = {

let message = policyBase64

var bytes = Crypto.HMAC(Crypto.SHA1,message,accesskey, {asBytes: true})

var signature = Crypto.util.bytesToBase64(bytes)

// 选择上传名字是本地文件名字还是随机文件名字

function check_object_radio () {

g_object_name_type = 'random_name'

}

// 默认是上传到根目录

function get_dirname () {

g_dirname = 'image/'

var pwd = ''

for (var i = 0;i < len;i++) {

pwd += chars.charAt(Math.floor(Math.random()* maxPos))

}

return pwd

}

// 获取文件后缀

function get_suffix (filename) {

pos = filename.lastIndexOf('.')

suffix = ''

function calculate_object_name (filename) {

if (g_object_name_type === 'local_name') {

g_object_name += filename

}else if (g_object_name_type === 'random_name') {

suffix = get_suffix(filename)

g_object_name = random_string(10)+ new Date().getTime()+ suffix

// g_object_name = filename

}

return ''