django的trix富文本编辑器小部件

django-trix的Python项目详细描述


Trix rich text editordjango的小部件,使用trix 0.10.1。

https://circleci.com/gh/istrategylabs/django-trix/tree/master.svg?style=shield

使用django trix

django Trx包含窗体控件、模型字段和模型管理混合 启用富文本编辑器。你可以用这些方法,但你不能 需要全部使用。

型号

要通过model字段在django管理(或任何表单)中启用编辑器,请使用 trix模型字段trix field继承自 django.db.models.textfield:

from django.db import models
from trix.fields import TrixField

class Post(models.Model):
    content = TrixField('Content')

管理

要在django管理中启用编辑器,请从trixadmin继承并设置 使用编辑器的字段列表的trix_fields属性:

from myawesomeblogapp.models import Post
from trix.admin import TrixAdmin

@admin.register(Post)
class PostAdmin(TrixAdmin, admin.ModelAdmin):
    trix_fields = ('content',)

表单和模板

编辑器可以通过添加trixeditor小部件在表单和模板中使用 到表单域:

from django import forms
from trix.widgets import TrixEditor

class EditorForm(forms.Form):
    content = forms.CharField(widget=TrixEditor)

在模板中,只需像平常一样使用表单,但请确保 包括相关媒体:

<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Trix Editor Test</title>
        {{ form.media.css }}
    </head>
    <body>
        <form>
            {{ form }}
        </form>
        {{ form.media.js }}
    </body>
</html>

头是css,尾是js,因为你是一个负责任的开发人员。

安装

PyPI

pip install django-trix

添加到已安装的应用程序

INSTALLED_APPS = (
    ...
    'trix',
    ...
)

将路由添加到urls.py

urlpatterns = [
    ...
    url(r'^trixorwhateveryouwant/', include('trix.urls')),
    ...
]

待办事项

  • 一堆东西!
  • 附件上传

欢迎加入QQ群-->: 979659372 Python中文网_新手群

推荐PyPI第三方库


热门话题
java应该考虑使用DTO来代替Spring控制器层吗?   java为什么要将Maven与Git结合起来?   java试图将CSV转换为XLSX,但使用了错误的逗号拆分列   mysql Spring 3+Hibernate:java。sql。BatchUpdateException:无法添加或更新子行(ManyToMany)   java基本字符串反转器   java无法使用RestControllerAdvice为身份验证失败生成自定义错误消息   java当只允许SQLException时,如何抛出EOFEException?   java如何创建播放模块?   Android中匿名类的java实例化异常问题   java两个停靠组件,其中第二个组件填充剩余空间   java如何在按钮延迟时启用它   Java中正在运行的应用程序中的后台进程   java我正试图从一个字符串打印出这个字符输出   如何使用java socket通过两个不同的wifi连接两台电脑?   javaapachecamel:如何将分层数据从数据库转换为pojo   java Webrtc:OniconConnectionChange和onConnectionChange之间有什么区别   java如何重写已经创建的JTable方法   爪哇扫雷机堆垛机   雅加达ee Java ee EJB 3.0 Glassfish