Django怎样实现KindEditor的基本使用和文件操作

编程入门 行业动态 更新时间:2024-10-27 08:39:16

Django怎样实现KindEditor的基本使用和文件<a href=https://www.elefans.com/category/jswz/34/1770947.html style=操作"/>

Django怎样实现KindEditor的基本使用和文件操作

在博客系统中发表文章和回复评论用到的就是kindeditor框。

在实现之前我们要下载kindeditor

可以在github地址上下载:

我们简单的实现下看下效果。

urls.py

from django.contrib import admin
from django.urls import path,re_path
from app import views
urlpatterns = [path('admin/', admin.site.urls),path('kind/',views.kind),
]

views.py

def kind(request):return render(request,'kind.html')

kind.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><div style="width: 500px;margin:0 auto;"><textarea id="content"></textarea></div><script src="/static/jquery-1.12.4.js"></script><script src="/static/kindeditor-master/kindeditor-all.js"></script><script>$(function (){KindEditor.create('#content',{})})</script>
</body>
</html>

效果:

这样我们便可以看到这个效果的实现。

我们可以查看文档:.html

在这里面我们可以了解到完整的初始化参数。

<script src="/static/jquery-1.12.4.js"></script><script src="/static/kindeditor-master/kindeditor-all.js"></script><script>KindEditor.create('#content',{items:['source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template', 'code', 'cut', 'copy', 'paste','plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright','justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript','superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '/','formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold','italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image', 'multiimage','flash', 'media', 'insertfile', 'table', 'hr', 'emoticons', 'baidumap', 'pagebreak','anchor', 'link', 'unlink', '|', 'about'
]})</script>

items:就是为了配置工具台,不让工具全部使用,想要留下来显示的就写入到items中。   数据类型: Array

还有下面一些数值看这些文档:.html#id99

在查询文档时,就可以快速完成想要搭建的工具。

 

更多推荐

Django怎样实现KindEditor的基本使用和文件操作

本文发布于:2023-07-28 22:07:01,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1336430.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:操作   文件   Django   KindEditor

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!