如何在 Django 中使用富文本字段?

现在,让我们看看如何在 Django 中使用富文本字段的文章。
在这篇文章中,我们将实现一个如何在django中使用富文本编辑器。

让我们讨论一下 Django 富文本字段编辑器示例。我在模型示例中简单地逐步解释了 django 创建富文本字段。因此,让我们按照几个步骤来创建 django-ckeditor 示例的示例。

我们将使用 CK 编辑器字段作为 Django 中的富文本字段。CK 编辑器是 Django 的外部包。这个包将允许在 Django 项目中添加自定义字段。

在这里我会给你我们将帮助你举例说明如何在 Django 中使用富文本字段。那么让我们看看下面的例子:

第 1 步:创建项目

在这一步中,我们将使用 django-admin 创建一个新的 django 项目。返回命令行界面并运行以下命令:

 django-admin startproject mypro 

第 2 步:创建应用

现在我们将创建一个名为core的应用程序来存储帖子名称列表。我们故意保持基本的东西。使用Control+c停止本地服务器并使用startapp命令创建这个新应用程序。

cd mypro
django-admin startapp core

第三步:安装 Django-CKEditor 库

首先我们可以安装 django-ckeditor 库。让我们看看如何使用这个库。

 pip install django-ckeditor 

第 4 步:更新 setting.py

然后在我们的settings.py文件中更新INSTALLED_APPS以通知 Django 有关该应用程序的信息。
settings.py

....
INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',

    'core', #new
    'ckeditor', #new
]

第 5 步:创建模型

在这一步中,我们将需要存储联系人的数据库模型。打开 core/models.py 文件并添加以下代码: core/models.py

from django.db import models
from ckeditor.fields import RichTextField 

# Create your models here.

class Post(models.Model):
    title = models.CharField(max_length=200)
    body = RichTextField()

好的,一切就绪。我们可以为此更改生成一个迁移文件,然后通过迁移将其集成到我们的数据库中。

python manage.py createsuperuser
python manage.py makemigrations
python manage.py migrate

第 6 步:更新 admin.py

在这一步中,我们需要创建视图来执行对数据库的获取记录。打开 core/admin.py 文件并添加: core/admin.py

from django.contrib import admin
from .models import *

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

运行服务器

在此步骤中,我们将运行本地开发服务器来使用我们的应用程序,而无需将其部署到 Web。

 python manage.py runserver 

接下来,使用 Web 浏览器转到 http://localhost:8000/admin 地址。

我希望它能帮助你……

发表评论

邮箱地址不会被公开。 必填项已用*标注