KindEditor

1、官网地址

2、官网下载：http://kindeditor.net/down.php

3、文件夹说明:

4、基本使用

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

5、详细参数

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

6、上传文件示例

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>kind</title>
</head>
<body>
<div style="width: 1200px; margin: 0 auto;"><textarea id="content"></textarea>
</div>
<script src="/static/jquery-1.12.4.js"></script>
<script src="/static/plugins/kindeditor/kindeditor-all.js"></script>
<script>$(function(){KindEditor.create("#content", {uploadJson: "/upload_img/",allowFileManager: true,fileManagerJson: "/file_manager/",extraFileUploadParams:{csrfmiddlewaretoken: "{{ csrf_token }}",},});});</script>
</body>
</html>

import json, os, time'''
xframe_options_exempt: 页面地址允许frame加载
xframe_options_sameorigin: 页面地址只能被同源域名页面嵌入到frame中
xframe_options_deny: 页面地址不能被嵌入到任何frame中
'''
from django.views.decorators.clickjacking import xframe_options_exempt, xframe_options_sameorigin, xframe_options_denydef kind(request):return render(request, "kind.html")@xframe_options_exempt
def upload_img(request):print(request.FILES)dic = {'error': 0,'url': '/static/imgs/o_Warning.png','message': '错误了...'}return HttpResponse(json.dumps(dic))def file_manager(request):"""文件管理:param request::return:"""dic = {}root_path = '/Users/severen/Desktop/day24'static_root_path = '/static/'request_path = request.GET.get('path')print(request_path)if request_path:abs_current_dir_path = os.path.join(root_path, request_path)move_up_dir_path = os.path.dirname(request_path.rstrip('/'))dic['moveup_dir_path'] = move_up_dir_path + '/' if move_up_dir_path else move_up_dir_pathelse:abs_current_dir_path = root_pathdic['moveup_dir_path'] = ''dic['current_dir_path'] = request_pathdic['current_url'] = os.path.join(static_root_path, request_path)file_list = []for item in os.listdir(abs_current_dir_path):abs_item_path = os.path.join(abs_current_dir_path, item)a, exts = os.path.splitext(item)is_dir = os.path.isdir(abs_item_path)if is_dir:temp = {'is_dir': True,'has_file': True,'filesize': 0,'dir_path': '','is_photo': False,'filetype': '','filename': item,'datetime': time.strftime('%Y-%m-%d %H:%M:%S', time.gmtime(os.path.getctime(abs_item_path)))}else:temp = {'is_dir': False,'has_file': False,'filesize': os.stat(abs_item_path).st_size,'dir_path': '','is_photo': True if exts.lower() in ['.jpg', '.png', '.jpeg'] else False,'filetype': exts.lower().strip('.'),'filename': item,'datetime': time.strftime('%Y-%m-%d %H:%M:%S', time.gmtime(os.path.getctime(abs_item_path)))}file_list.append(temp)dic['file_list'] = file_listreturn HttpResponse(json.dumps(dic))

7、XSS过滤特殊标签

KindEditor相关推荐

【kindeditor】KindEditor获取多个textarea文本框的值并判断非空
kindeditor官网:http://kindeditor.net/demo.php 如何获取多个KindEditor中textarea文本框的值,方式很多种(带有HTML标签). var intr ...
Kindeditor学习中的那些坑
Kindeditor富文本编辑器还算比较好上手的一款插件吧,下面记录一下我在学习和实践中遇到的那些坑. 编辑器初始化方法和参数网上一搜一大把,不想搜的点这里,文档上各个参数已经写得很清楚了,直接拿过来 ...
一个KindEditor的插件[myFocus]
声名:此作品用于学习交流简介:使用KindEditor(富文本编辑器)提供的接口将myFocus(焦点图库)集成在KindEditor上功能:在内容中显示焦点图使用下载此插件并将其解压后的 ...
kindeditor 批量上传路径_FtpClient 实现文件上传
FtpUtils 工具类封装 public static boolean uploadFile( String hostname, int port, String username, String ...
php网页添加图片的代码,天天查询-PHP版的kindeditor编辑器加图片上传水印功能
首先简单介绍一下kindeditor编辑器: KindEditor 是一套开源的在线HTML编辑器,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本 ...
kindeditor扩展粘贴截图功能修改图片上传路径并通过webapi上传图片到图片服务器...
2019独角兽企业重金招聘Python工程师标准>>> kindeditor是一个非常好用的富文本编辑器,它的简单使用我就不再介绍了. 而kindeditor却对图片的处理不够理想. ...
kindeditor用法
<?php require_once '../include.php'; checkLogined(); $rows=getAllCate(); //echo $rows; if(!$rows) ...
KindEditor得不到textarea值的解决方法----摘至天涯
以前有朋友遇到过这个问题,就是KindEditor在火狐下或者其他浏览器下都无法得到textarea文本框的值,点击表单提交按钮得到的是空白.昨天天涯PHP博客[http://blog.phpha.c ...
KindEditor自动过滤首行缩进和全角空格的解决方法
KindEditor 4.1.11: kindeditor-all.js 文件第772行: var re = /(\s*)<(\/)?([\w\-:]+)((?:\s+|(?:\s+[\w\- ...
在DWZ框架中整合kindeditor复文本框控件
今天上午在DWZ框架中整合kindeditor复文本框控件,发现上传图片是老是提示 "上传中,请稍候...",上网查看别人说可能是文件路径问题,在想以前在其他项目中用这个控件一直没 ...

KindEditor

KindEditor相关推荐

最新文章

热门文章