美文网首页Bootstrap-学习
KindEditor 的简单使用(一)

KindEditor 的简单使用(一)

作者: 白云青叶 | 来源:发表于2020-07-16 16:30 被阅读0次

    1、官网下载地址

    http://kindeditor.net/down.php
    2、导入相关文件

    可根据实际情况进行选择:JSP
    3、JSP 导入文件

    kindeditor/themes/default/default.css
    kindeditor/kindeditor-min.js
    kindeditor/lang/zh_CN.js
    4、初始化KindEditor编辑器

    在js 中添加如下代码:
    var editor;
    KindEditor.ready(function (K) {
    editor = K.create('textarea[name="content"]', {
    //否允许浏览服务器已上传文件,默认是false
    allowFileManager: true
    });
    });
    将textare 的名称设置为和editor相等
    5、提取编辑器内容

    var content = =editor.html();,
    6、清空编辑器内容

    editor.html('');
    7、目前遇到的问题

    kindEditor 在页面上并怎么好看,但是可以用

    相关文章

      网友评论

        本文标题:KindEditor 的简单使用(一)

        本文链接:https://www.haomeiwen.com/subject/brtmhktx.html