后台管理-富文本
一、安装与配置
安装
pip install django-tinymce
配置settings.py文件
INSTALLED_APPS = [
...
<span class="hljs-string">'tinymce'</span>,
]
TINYMCE_DEFAULT_CONFIG = {
<span class="hljs-string">'theme'</span>:<span class="hljs-string">'advanced'</span>,
<span class="hljs-string">'width'</span>:<span class="hljs-number">600</span>,
<span class="hljs-string">'height'</span>:<span class="hljs-number">400</span>,
}
二、使用
创建一个模型类
<span class="hljs-keyword">from</span> tinymce.models <span class="hljs-keyword">import</span> HTMLField
<span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">Posts</span><span class="hljs-params">(models.Model)</span>:</span>
title = models.CharField(max_length=<span class="hljs-number">20</span>, default=<span class="hljs-string">'标题'</span>)
article = HTMLField()
<span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">Meta</span>:</span>
db_table = <span class="hljs-string">'posts'</span>
进行文件迁移
- python manage.py makemigrations
- python manage.py migrateas
配置站点
admin.py文件
from .models import Posts
admin.site.register(Posts)python manage.py createsuperuser #创建站点用户
依次输入用户名、邮箱、密码
在自定义视图中使用
{% load static from staticfiles %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>富文本</title>
<script type="text/javascript" src="/static/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
tinyMCE.init({
'mode':'textareas',
'theme':'advanced',
'width':800,
'height':600,
})
</script>
</head>
<body>
<form action="" method="post">
<p>标题：<input type="text" name="title" placeholder="请输入标题"></p>
<textarea name="article" placeholder="请输入文章内容"></textarea>
<input type="submit" value="提交"/>
</form>
</body>
</html>本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录