kindeditor 富文本编辑

let options = {
width: this.width,
height: this.height,
minWidth: this.minWidth,
minHeight: this.minHeight,
items: this.items,
fontSizeTable: this.fontSizeTable,
resizeType: this.resizeType,
colorTable: this.colorTable,
filterMode: true,
afterFocus: this.handleFocus,
afterBlur: this.handleBlur,
afterUpload: this.handleUpload,
uploadJson: '/amcs-app/project/uploadImage', //文件上传地址,
filePostName: 'file',
basePath: './static/kindeditor/',
cssData: 'body {font-size: 14px; color: #606266}',
afterChange: () => {
this.afterChange()
}
}
if (!window.KindEditor) {
utils.lazyLoadScript('/static/kindeditor/kindeditor-all.js').then(res => {
let timer = () => {
setTimeout(() => {
let dom = document.getElementById(this.editor_id);
if (dom) {
this.editor = window.KindEditor.create('#' + this.editor_id, options)
this.readyCallBack()
this.ready = true;
} else {
timer()
}
}, 200)
}
timer()
})
} else {
let timer = () => {
setTimeout(() => {
let dom = document.getElementById(this.editor_id);
if (dom) {
this.editor = window.KindEditor.create('#' + this.editor_id, options)
this.readyCallBack()
this.ready = true;
} else {
timer()
}
}, 200)
}
timer()
}

lazyLoadScript (url) {
return new Promise((resolve, reject) => {
let script = document.createElement('script')
script.src = url
script.type = 'text/javascript'
let head = document.getElementsByTagName('head')[0]
head.appendChild(script)
script.onload = () => {
resolve()
}
script.onerror = err => {
reject(err)
}
})
},
 
官网 http://kindeditor.net/doc.php

猜你喜欢

转载自www.cnblogs.com/gudun/p/10334549.html