zoukankan      html  css  js  c++  java
  • 关于Django第三方的一些闲言碎语

    Django 是一个强大的web开发框架,经常借助的第三方做个总结。主要是配置流程。

    一、富文本编辑器 

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

    1、在虚拟环境中安装包。

    pip install django-tinymce==2.6.0

    2、在配置文件中进行配置

    INSTALLED_APPS = (
        ...
        'tinymce',
    )
    # settings.py文件中配置
    TINYMCE_DEFAULT_CONFIG = {
        'theme': 'advanced', #设置主题
        'width': 600,
        'height': 400,
    }
    # urls.py中配置编辑器url
    urlpatterns = [
        ...
        url(r'^tinymce/', include('tinymce.urls')), # 固定写法,其实是映射到人家写好的应用
    ]
    

    3、配置完成之后就可以使用富文本编辑器,有两种途经。一是在后台管理页面上显示,提供给后台输入数据。二是在前端页面显示,下面分别列出使用方法。

    (一)后台管理页面使用富文本

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

    from django.db import models
    from tinymce.models import HTMLField #导入这个类型
    
    class GoodsInfo(models.Model):
      gcontent=HTMLField() # 定义HTML类型的字段

    2)生成迁移文件并且执行迁移。

    python manage.py makemigrations
    python manage.py migrate

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

    from django.contrib import admin
    from models import *
    class GoodsInfoAdmin(admin.ModelAdmin):
        list_display = ['id']
    
    admin.site.register(GoodsInfo,GoodsInfoAdmin)
    

    (二)前端页面使用富文本 

    1、def editor(request):
        return render(request, 'booktest/editor.html')
    2、url(r'^editor/',views.editor),
    3、
    <html>   <head> <title>自定义使用tinymce</title> <script type="text/javascript" src='/static/js/tiny_mce.js'></script> <script type="text/javascript"> tinyMCE.init({ 'mode':'textareas', 'theme':'advanced', 'width':400, 'height':100 }); </script> </head> <body> <form method="post" action="#"> <textarea name='gcontent'>哈哈,这是啥呀</textarea> </form> </body> </html> 4、STATICFILES_DIRS=[ os.path.join(BASE_DIR,'statics'), ] 5、/home/python/.virtualenvs/py_django/lib/python2.7/site-packages/tinymce/static/tiny_mce 6、http://127.0.0.1:8000/editor/

      

     

     

     
  • 相关阅读:
    0121 集合类 ArrayList 的练习
    0121 有关接口的使用练习
    泛型相关知识
    0120 父类与子类创建、重写及转型练习
    0118练习 单例模式
    java设计模式 略版
    0117 面向对象OOP有关方法、类、构造方法及权限修饰符的练习
    0115 创建类并调用
    [luogu P2586] GCD 解题报告 (莫比乌斯反演|欧拉函数)
    POJ1284 Primitive Roots (原根)
  • 原文地址:https://www.cnblogs.com/yezefei/p/7296177.html
Copyright © 2011-2022 走看看