KindEditor（转）

1、进入官网

2、下载

• 官网下载：http://kindeditor.net/down.php
• 本地下载：http://files.cnblogs.com/files/wupeiqi/kindeditor_a5.zip（链接显示不存在）

3、文件夹说明

1 2 3 4 5 6 7 8 9 10 11 12 13 14

├── 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、基本使用

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

<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、上传文件示例

 

 

7、XSS过滤特殊标签

处理依赖

1	pip3 install beautifulsoup4

 

 

 

 

来源：KindEditor - Trunkslisa - 博客园 (cnblogs.com)