Django框架中的后台编辑器  KindEditor的下载和基本使用

Django框架中的后台编辑器 KindEditor的下载和基本使用

1、进入官网 2、下载 官网下载:http://kindeditor.net/down.php 本地下载:http://files.cnblogs.com/files/wupeiqi/kindeditor_a5.zip 3、文件夹说明
	
├── asp                     asp示例
├── asp.net                 asp.net示例
├── attached                空文件夹,放置关联文件attached
├── examples                HTML示例
├── jsp                     java示例
├── kindeditor-all-min.js   全部JS(压缩)
├── kindeditor-all.js       全部JS(未压缩)
├── kindeditor-min.js       仅KindEditor JS(压缩)
├── kindeditor.js           仅KindEditor JS(未压缩)
├── lang                    支持语言
├── license.txt             License
├── php                     PHP示例
├── plugins                 KindEditor内部使用的插件
└── themes                  KindEditor主题
4、基本使用
<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();
    });
 
    function initKindEditor() {
        var kind = KindEditor.create('#content', {
            width: '100%',       // 文本框宽度(可以百分比或像素)
            height: '300px',     // 文本框高度(只能像素)
            minWidth: 200,       // 最小宽度(数字)
            minHeight: 400      // 最小高度(数字)
        });
    }
</script>
5、详细参数 http://kindeditor.net/docs/option.html 6、上传文件示例
分享到 :

发表评论

登录... 后才能评论