kindEditor编辑
1、创建一个app01， 并在settings.py里面设置；
2、创建一个static文件夹，并在settings.py里面设置；下载kindEditor后，把下载的安装包放在static文件夹下面；
STATIC_URL = '/static/' STATICFILES_DIRS = [ os.path.join(BASE_DIR, "static"), ]
3、创建一个templates/test.html， 用来进行kindEditor编辑和提交
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form action="" method="POST"> {% csrf_token %} <textarea name="content" id="editor_id" ></textarea <input type="submit" value="submit"> </form> </body> <script charset="utf-8" src="/static/kindeditor/kindeditor-all-min.js" ></script> <script> KindEditor.ready( function (k) { window.editor = k.create( "#editor_id", { "60%", height:"650px", resizeType: 0, }, ); } ); </script> </html>
4、创建视图 app01/views/test , 用来响应 KindEditor数据的提交和显示;
from django.shortcuts import render # Create your views here. def test(request): if request.method == "POST": content = request.POST.get("content") return render(request, "test2.html", locals()) return render(request, "test.html")
设置路由；
from django.contrib import admin from django.urls import path from app01 import views urlpatterns = [ path('admin/', admin.site.urls), path('test/', views.test), ]
5、创建一个templates/test2.html, 用来显示KindEditor的内容；
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> {{ content| safe }} </body> </html>
效果如下：
kindEditor编辑