django---tinymce编辑器

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

以下是在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

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

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

相关推荐
The Future is mine32 分钟前
Python计算经纬度两点之间距离
开发语言·python
Enti7c33 分钟前
HTML5和CSS3的一些特性
开发语言·css3
九月镇灵将35 分钟前
GitPython库快速应用入门
git·python·gitpython
爱吃巧克力的程序媛40 分钟前
在 Qt 创建项目时,Qt Quick Application (Compat) 和 Qt Quick Application
开发语言·qt
兔子的洋葱圈1 小时前
【django】1-2 django项目的请求处理流程(详细)
后端·python·django
独好紫罗兰1 小时前
洛谷题单3-P5719 【深基4.例3】分类平均-python-流程图重构
开发语言·python·算法
27669582921 小时前
美团民宿 mtgsig 小程序 mtgsig1.2 分析
java·python·小程序·美团·mtgsig·mtgsig1.2·美团民宿
橘子在努力2 小时前
【橘子大模型】关于PromptTemplate
python·ai·llama
篝火悟者2 小时前
自学-C语言-基础-数组、函数、指针、结构体和共同体、文件
c语言·开发语言
SheepMeMe2 小时前
蓝桥杯2024省赛PythonB组——日期问题
python·算法·蓝桥杯