zoukankan      html  css  js  c++  java
  • kindeditor 富文本编辑

    let options = {
    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
  • 相关阅读:
    [每日一题2020.06.23]leetcode #16 双指针
    typora+picgo+jsdeliver+github打造免费高效的博客图床
    [javaSE笔记5]String
    [javaSE笔记4] ArrayList
    [javaSE笔记3] JAVA的继承---多态 抽象
    [每日一题2020.06.22]leetcode #11 双指针
    操作系统---设备管理
    [每日一题2020.06.21]leetcode #124 DFS二叉树
    操作系统---磁盘
    PC实用工具推荐
  • 原文地址:https://www.cnblogs.com/gudun/p/10334549.html
Copyright © 2011-2022 走看看