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

转载于:https://www.cnblogs.com/gudun/p/10334549.html