后台管理-富文本

382次阅读

共计 993 个字符，预计需要花费 3 分钟才能阅读完成。

安装

pip install django-tinymce

配置 settings.py 文件

INSTALLED_APPS = [
  ...
  'tinymce',
]

TINYMCE_DEFAULT_CONFIG = {'theme':'advanced',
    'width':600,
    'height':400, 
}

创建一个模型类

from tinymce.models import HTMLField
class Posts(models.Model):
  	title = models.CharField(max_length=20, default='标题')
    article = HTMLField()
    class Meta:
      db_table = 'posts'

进行文件迁移

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>