KindEditor编辑器

发布时间：2020-12-16 23:56:57 所属栏目：Python 来源：网络整理

导读：1.官网：http://kindeditor.net/doc.php 2.下载：http://kindeditor.net/down.php 3.目录说明 | -all- - - 4.开始使用 span style="color: #0000ff;" span style="color: #800000;"script span style="color: #ff0000;"src span style="color: #0000ff;"="/s

1.官网：http://kindeditor.net/doc.php

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

3.目录说明

|-all---

4.开始使用

5.初始化参数：http://kindeditor.net/docs/option.html

6.上传文件

默认上传地址：js文件路径+/php/upload_json.php

修改初始参数uploadJson改变上传url：uploadJson:'/upload/'

默认本地上传文件名：imgFile，可通过filePostName设置

服务端返回数据格式：

dic =: 0, : , :

示例：

<div>
<h1>文章内容</h1>
{{ request.POST.content|safe }}
</div>

<form method="POST">
<h1>请输入内容：</h1>
{% csrf_token %}
<div style="width: 500px; margin: 0 auto;">
<textarea name="content" id="content"></textarea>
</div>
<input type="submit" value="提交"/>
</form>

</span><span style="background-color: #f5f5f5; color: #0000ff;"&gt;function</span><span style="background-color: #f5f5f5; color: #000000;"&gt; initKindEditor() {
    </span><span style="background-color: #f5f5f5; color: #0000ff;"&gt;var</span><span style="background-color: #f5f5f5; color: #000000;"&gt; a </span><span style="background-color: #f5f5f5; color: #000000;"&gt;=</span> <span style="background-color: #f5f5f5; color: #000000;"&gt;'</span><span style="background-color: #f5f5f5; color: #000000;"&gt;kind</span><span style="background-color: #f5f5f5; color: #000000;"&gt;'</span><span style="background-color: #f5f5f5; color: #000000;"&gt;;
    </span><span style="background-color: #f5f5f5; color: #0000ff;"&gt;var</span><span style="background-color: #f5f5f5; color: #000000;"&gt; kind </span><span style="background-color: #f5f5f5; color: #000000;"&gt;=</span><span style="background-color: #f5f5f5; color: #000000;"&gt; KindEditor.create(</span><span style="background-color: #f5f5f5; color: #000000;"&gt;'</span><span style="background-color: #f5f5f5; color: #000000;"&gt;#content</span><span style="background-color: #f5f5f5; color: #000000;"&gt;'</span><span style="background-color: #f5f5f5; color: #000000;"&gt;,</span><span style="background-color: #f5f5f5; color: #008000;"&gt;//</span><span style="background-color: #f5f5f5; color: #008000;"&gt; 最小宽度（数字）</span>

minHeight: 400,// 最小高度（数字）
 uploadJson: '/kind/upload_img/',extraFileUploadParams: {
'csrfmiddlewaretoken': '{{ csrf_token }}'
},fileManagerJson: '/kind/file_manager/',allowPreviewEmoticons: true,allowImageUpload: true
});
}
</script>
</body>
</html>

服务端处理：

from django.shortcuts import render
from django.shortcuts import HttpResponse

def index(request):
"""
首页
:param request:
:return:
"""
return render(request,'index.html')

def upload_img(request):
"""
文件上传
:param request:
:return:
"""
dic = {
'error': 0,'url': '/static/imgs/20130809170025.png','message': '错误了...'
}

</span><span style="color: #0000ff;"&gt;return</span><span style="color: #000000;"&gt; HttpResponse(json.dumps(dic))

def file_manager(request):
"""
文件管理
:param request:
:return:
"""
dic = {}
root_path = '/editors/static/'
static_root_path = '/static/'
request_path = request.GET.get('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_path

</span><span style="color: #0000ff;"&gt;else</span><span style="color: #000000;"&gt;:
    abs_current_dir_path </span>=<span style="color: #000000;"&gt; root_path
    dic[</span><span style="color: #800000;"&gt;'</span><span style="color: #800000;"&gt;moveup_dir_path</span><span style="color: #800000;"&gt;'</span>] = <span style="color: #800000;"&gt;''</span><span style="color: #000000;"&gt;

dic[</span><span style="color: #800000;"&gt;'</span><span style="color: #800000;"&gt;current_dir_path</span><span style="color: #800000;"&gt;'</span>] =<span style="color: #000000;"&gt; request_path
dic[</span><span style="color: #800000;"&gt;'</span><span style="color: #800000;"&gt;current_url</span><span style="color: #800000;"&gt;'</span>] =<span style="color: #000000;"&gt; os.path.join(static_root_path,request_path)

file_list </span>=<span style="color: #000000;"&gt; []
</span><span style="color: #0000ff;"&gt;for</span> item <span style="color: #0000ff;"&gt;in</span><span style="color: #000000;"&gt; os.listdir(abs_current_dir_path):
    abs_item_path </span>=<span style="color: #000000;"&gt; os.path.join(abs_current_dir_path,item)
    a,exts </span>=<span style="color: #000000;"&gt; os.path.splitext(item)
    is_dir </span>=<span style="color: #000000;"&gt; os.path.isdir(abs_item_path)
    </span><span style="color: #0000ff;"&gt;if</span><span style="color: #000000;"&gt; is_dir:
        temp </span>=<span style="color: #000000;"&gt; {
            </span><span style="color: #800000;"&gt;'</span><span style="color: #800000;"&gt;is_dir</span><span style="color: #800000;"&gt;'</span><span style="color: #000000;"&gt;: True,</span><span style="color: #800000;"&gt;'</span><span style="color: #800000;"&gt;has_file</span><span style="color: #800000;"&gt;'</span><span style="color: #000000;"&gt;: True,</span><span style="color: #800000;"&gt;'</span><span style="color: #800000;"&gt;filesize</span><span style="color: #800000;"&gt;'</span><span style="color: #000000;"&gt;: 0,</span><span style="color: #800000;"&gt;'</span><span style="color: #800000;"&gt;dir_path</span><span style="color: #800000;"&gt;'</span>: <span style="color: #800000;"&gt;''</span><span style="color: #000000;"&gt;,</span><span style="color: #800000;"&gt;'</span><span style="color: #800000;"&gt;is_photo</span><span style="color: #800000;"&gt;'</span><span style="color: #000000;"&gt;: False,</span><span style="color: #800000;"&gt;'</span><span style="color: #800000;"&gt;filetype</span><span style="color: #800000;"&gt;'</span>: <span style="color: #800000;"&gt;''</span><span style="color: #000000;"&gt;,</span><span style="color: #800000;"&gt;'</span><span style="color: #800000;"&gt;filename</span><span style="color: #800000;"&gt;'</span><span style="color: #000000;"&gt;: item,</span><span style="color: #800000;"&gt;'</span><span style="color: #800000;"&gt;datetime</span><span style="color: #800000;"&gt;'</span>: time.strftime(<span style="color: #800000;"&gt;'</span><span style="color: #800000;"&gt;%Y-%m-%d %H:%M:%S</span><span style="color: #800000;"&gt;'</span><span style="color: #000000;"&gt;,time.gmtime(os.path.getctime(abs_item_path)))
        }
    </span><span style="color: #0000ff;"&gt;else</span><span style="color: #000000;"&gt;:
        temp </span>=<span style="color: #000000;"&gt; {
            </span><span style="color: #800000;"&gt;'</span><span style="color: #800000;"&gt;is_dir</span><span style="color: #800000;"&gt;'</span><span style="color: #000000;"&gt;: False,</span><span style="color: #800000;"&gt;'</span><span style="color: #800000;"&gt;has_file</span><span style="color: #800000;"&gt;'</span><span style="color: #000000;"&gt;: False,</span><span style="color: #800000;"&gt;'</span><span style="color: #800000;"&gt;filesize</span><span style="color: #800000;"&gt;'</span><span style="color: #000000;"&gt;: os.stat(abs_item_path).st_size,</span><span style="color: #800000;"&gt;'</span><span style="color: #800000;"&gt;is_photo</span><span style="color: #800000;"&gt;'</span>: True <span style="color: #0000ff;"&gt;if</span> exts.lower() <span style="color: #0000ff;"&gt;in</span> [<span style="color: #800000;"&gt;'</span><span style="color: #800000;"&gt;.jpg</span><span style="color: #800000;"&gt;'</span>,<span style="color: #800000;"&gt;'</span><span style="color: #800000;"&gt;.png</span><span style="color: #800000;"&gt;'</span>,<span style="color: #800000;"&gt;'</span><span style="color: #800000;"&gt;.jpeg</span><span style="color: #800000;"&gt;'</span>] <span style="color: #0000ff;"&gt;else</span><span style="color: #000000;"&gt; False,</span><span style="color: #800000;"&gt;'</span><span style="color: #800000;"&gt;filetype</span><span style="color: #800000;"&gt;'</span>: exts.lower().strip(<span style="color: #800000;"&gt;'</span><span style="color: #800000;"&gt;.</span><span style="color: #800000;"&gt;'</span><span style="color: #000000;"&gt;),time.gmtime(os.path.getctime(abs_item_path)))
        }

    file_list.append(temp)
dic[</span><span style="color: #800000;"&gt;'</span><span style="color: #800000;"&gt;file_list</span><span style="color: #800000;"&gt;'</span>] =<span style="color: #000000;"&gt; file_list
</span><span style="color: #0000ff;"&gt;return</span> HttpResponse(json.dumps(dic))</pre>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!