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

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

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

相关推荐
Coding小公仔1 小时前
C++ bitset 模板类
开发语言·c++
小赖同学啊2 小时前
物联网数据安全区块链服务
开发语言·python·区块链
shimly1234562 小时前
bash 脚本比较 100 个程序运行时间,精确到毫秒,脚本
开发语言·chrome·bash
码荼2 小时前
学习开发之hashmap
java·python·学习·哈希算法·个人开发·小白学开发·不花钱不花时间crud
IT_10242 小时前
Spring Boot项目开发实战销售管理系统——数据库设计!
java·开发语言·数据库·spring boot·后端·oracle
new_zhou3 小时前
Windows qt打包编译好的程序
开发语言·windows·qt·打包程序
ye903 小时前
银河麒麟V10服务器版 + openGuass + JDK +Tomcat
java·开发语言·tomcat
武昌库里写JAVA3 小时前
Oracle如何使用序列 Oracle序列使用教程
java·开发语言·spring boot·学习·课程设计
小陈phd3 小时前
李宏毅机器学习笔记——梯度下降法
人工智能·python·机器学习