course-tencent-cloud/public/static/home/js/content.editor.js

layui.use(['jquery'], function () {

    var $ = layui.jquery;

    var $textarea = $('#editor-textarea');
    var $form = $('form:has(#editor-textarea)');

    var editor;

    var options = {
        uploadJson: '/upload/content/img',
        cssPath: '/static/home/css/content.css',
        width: '100%',
        height: '300px',
        items: [
            'selectall', '|',
            'undo', 'redo', '|',
            'formatblock', 'formatblock', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline', 'strikethrough', 'removeformat', '|',
            'insertorderedlist', 'insertunorderedlist', 'table', 'code', '|',
            'image', 'link', 'unlink', '|',
            'source', 'about'
        ],
        htmlTags: {
            span: ['.color', '.background-color'],
            a: ['id', 'class', 'href', 'target', 'name'],
            img: ['id', 'class', 'src', 'width', 'height', 'alt', 'title'],
            table: ['id', 'class'],
            div: ['id', 'class'],
            pre: ['id', 'class'],
            hr: ['id', 'class'],
            'td,th': ['id', 'class'],
            'p,ol,ul,li,blockquote,h1,h2,h3,h4,h5,h6': ['id', 'class'],
            'br,tbody,tr,strong,b,sub,sup,em,i,u,strike,s,del': ['id', 'class'],
        },
        extraFileUploadParams: {
            csrf_token: $('meta[name="csrf-token"]').attr('content')
        }
    };

    KindEditor.ready(function (K) {
        editor = K.create('#editor-textarea', options);
    });

    /**
     * 同步编辑器内容到表单
     */
    $('.kg-submit').on('click', function () {
        editor.sync();
    });

    /**
     * 定时提交编辑器内容
     */
    setInterval(function () {
        editor.sync();
        if (!$form.attr('action').includes('update')) return;
        if ($textarea.val().length > 30) {
            $.ajax({
                type: 'POST',
                url: $form.attr('action'),
                data: $form.serialize(),
            });
        }
    }, 15000);

});