django---tinymce编辑器

火龙谷2024-11-16 13:18

这是一个比较好用的富文本编辑器。

以下是在django中的使用tinymce：

官网地址：https://django-tinymce.readthedocs.io/en/latest/

复制代码

# 终端安装：

pip install django-tinymce==3.5.0

# settings.py

INSTALLED_APPS = [
    ......
    'tinymce',
]

然后就是创建独有的富文本字段HTMLField。

复制代码

# models.py

from django.db import models
from tinymce.models import HTMLField

class Post(models.Model):
    title = models.CharField(max_length=100,unique=True,verbose_name='文章标题')
    content = HTMLField(verbose_name='文章内容')

    def __str__(self):
        return self.title

    class Meta:
        db_table = 't_post'
        verbose_name_plural = '文章'

创建admin管理

复制代码

# admin.py

from django.contrib import admin
from .models import *

# Register your models here.
admin.site.register(Post)

迁移数据库

复制代码

# 终端输入
cd 项目文件夹地址
python manage.py makemigrations
python manage.py migrate

创建用户

复制代码

# 终端输入

python manage.py createsuperuser

启动项目，看看效果

复制代码

# 终端启动命令
python manage.py runserver

# 启动后浏览器输入：
http://127.0.0.1:8000/admin

登录后创建数据时富文本编辑器效果：

后续出自定义页面和增加额外的编辑效果，如增加图片，链接等。