首页 > 其他 > 详细

Djiango-富文本编辑器

时间:2019-09-23 20:18:54      阅读:112      评论:0      收藏:0      [点我收藏+]

借助富文本编辑器,网站的编辑人员能够像使用offfice一样编写出漂亮的、所见即所得的页面。此处以tinymce为例,其它富文本编辑器的使用也是类似的。

在虚拟环境中安装包。

pip install django-tinymce==2.6.0

安装完成后,可以使用在Admin管理中,也可以自定义表单使用。

示例

1)在主settings.py中为INSTALLED_APPS添加编辑器应用。

INSTALLED_APPS = (
    ...
    tinymce,
)

2)在主settings.py中添加编辑器配置。

TINYMCE_DEFAULT_CONFIG = {
    theme: advanced,
    width: 600,
    height: 400,
}

3)在t主urls.py中配置编辑器url。

urlpatterns = [
    ...
    url(r^tinymce/, include(tinymce.urls)),
]

接下来介绍在Admin页面、自定义表单页面的使用方式。

在Admin中使用

1)在goods/models.py中,定义模型的属性为HTMLField()类型。

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

class GoodsInfo(models.Model):
    gcontent=HTMLField()

2)生成迁移文件。

python manage.py makemigrations

技术分享图片

 

 

3)执行迁移。

python manage.py migrate

4)在本示例中没有定义其它的模型类,但是数据库中有这些表,提示是否删除,输入no后回车,表示不删除,因为其它的示例中需要使用这些表。

技术分享图片

5)迁移完成,新开终端,连接mysql,使用test2数据库,查看表如下:

技术分享图片

6)发现并没有表GoodsInfo,解决办法是删除迁移表中关于booktest应用的数据。

delete from django_migrations where app=booktest;

7)再次执行迁移。

python manage.py migrate

成功完成迁移,记得不删除no。

技术分享图片

8)在booktest/admin.py中注册模型类GoodsInfo

from django.contrib import admin
from booktest.models import *
class GoodsInfoAdmin(admin.ModelAdmin):
    list_display = [id]

admin.site.register(GoodsInfo,GoodsInfoAdmin)

9)运行服务器,进入admin后台管理,点击GoodsInfo的添加,效果如下图

技术分享图片

在编辑器中编辑内容后保存。

 

Djiango-富文本编辑器

原文:https://www.cnblogs.com/yifengs/p/11574276.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!