zoukankan      html  css  js  c++  java
  • Djiango-富文本编辑器

    借助富文本编辑器,网站的编辑人员能够像使用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的添加,效果如下图

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

  • 相关阅读:
    hibernate--could not initialize proxy
    20160509-hibernate--继承映射
    CF1111C Creative Snap
    CF1097D Makoto and a Blackboard
    CF1091D New Year and the Permutation Concatenation
    CF1096D Easy Problem
    CF1076E Vasya and a Tree
    CF1081C Colorful Bricks
    CF1081E Missing Numbers
    CF1093D Beautiful Graph
  • 原文地址:https://www.cnblogs.com/yifengs/p/11574276.html
Copyright © 2011-2022 走看看