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

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

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

相关推荐
Sylvia-girl3 小时前
Java——抽象类
java·开发语言
Yana.nice5 小时前
Bash函数详解
开发语言·chrome·bash
江沉晚呤时6 小时前
在 C# 中调用 Python 脚本:实现跨语言功能集成
python·microsoft·c#·.net·.netcore·.net core
电脑能手6 小时前
如何远程访问在WSL运行的Jupyter Notebook
ide·python·jupyter
tomorrow.hello7 小时前
Java并发测试工具
java·开发语言·测试工具
Edward-tan7 小时前
CCPD 车牌数据集提取标注,并转为标准 YOLO 格式
python
晓13137 小时前
JavaScript加强篇——第四章 日期对象与DOM节点(基础)
开发语言·前端·javascript
老胖闲聊7 小时前
Python I/O 库【输入输出】全面详解
开发语言·python
倔强青铜三7 小时前
苦练Python第18天:Python异常处理锦囊
人工智能·python·面试
倔强青铜三8 小时前
苦练Python第17天:你必须掌握的Python内置函数
人工智能·python·面试