富文本编辑框

官网下载:     http://kindeditor.net/demo.php

文档目录

├── attached                  空文件夹,放置关联文件attached
├── examples                 HTML示例
├── kindeditor-all-min.js 全部JS(压缩)
├── kindeditor-all.js        全部JS(未压缩)
├── kindeditor-min.js      仅KindEditor JS(压缩)
├── kindeditor.js            仅KindEditor JS(未压缩)
├── lang                        支持语言
├── license.txt               License
├── plugins                    KindEditor内部使用的插件
└── themes                   KindEditor主题

基本

<textarea name="content" id="content"></textarea>
 
<script src="/static/jquery-1.12.4.js"></script>
<script src="/static/plugins/kind-editor/kindeditor-all.js"></script>
<script>
    $(function () {
        initKindEditor();
    });
     var kind = null;
    function initKindEditor() {
        kind = KindEditor.create('#content', {
            width: '100%',       // 文本框宽度(可以百分比或像素)
            height: '300px',     // 文本框高度(只能像素)
            minWidth: 200,       // 最小宽度(数字)
            minHeight: 400      // 最小高度(数字)
        });
    }
</script>

HTML获取编辑框内容  kind.html()


详细参数

http://kindeditor.net/docs/option.html


items :配置编辑器的工具栏,其中”/”表示换行,”|”表示分隔符。

pasteType
设置粘贴类型,0:禁止粘贴, 1:纯文本粘贴, 2:HTML粘贴
数据类型: Int
默认值: 2

filePostName
指定上传文件form名称。
数据类型: String
默认值: imgFile









































猜你喜欢

转载自blog.csdn.net/weixin_42100915/article/details/80864603