Django-富文本

发表于 2019-12-18 更新于 2024-08-23 分类于 Python Python教程 Django 1.x 本文字数： 1.5k 阅读时长 ≈ 3 分钟

安装

1	pip install django-tinymce

在站点中使用

配置settings.py文件

在INSTALLED_APPS里增加'tinymce'

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'myApp.apps.MyappConfig',
    'tinymce'
]

在settings.py末尾添加配置

# 富文本
TINYMCE_DEFAULT_CONFIG = {
    'theme': 'advanced',
    'width': 400,
    'height': 800,
}

增加一个模型类(并生成迁移文件)

from tinymce.models import HTMLField


class Test(models.Model):
    content = HTMLField()

在应用目录下admin.py中注册

from django.contrib import admin
from myApp.models import Test

admin.site.register(Test)

自定义视图中使用

<!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': 400,
            'height': 600,
        })
    </script>
</head>
<body>
    <form method="post" action="/fwb/">
        {% csrf_token %}
        <textarea name="article"></textarea>
        <br/>
        <input type="submit" value="提交"/>
    </form>
</body>
</html>