跳转到主要内容

django-inplaceedit和bootstrap的集成

项目描述

django-inplaceedit-bootstrap

信息

https://badge.fury.io/py/django-inplaceedit-bootstrap.png

django-inplaceeditbootstrap 3 的集成

本软件根据 GNU较弱的通用公共许可证 发行。

没有Tyrdall的帮助,这个egg不可能实现。

要求

演示(此视频使用非常旧的django-inplaceedit和django-inplaceedit-extra-fields版本)

视频演示,包括 django-inplaceeditdjango-inplaceedit-extra-fieldsdjango-inlinetrans(设置为全屏模式以正确查看)

https://github.com/django-inplaceedit/django-inplaceedit/raw/master/video-frame.png

注意:本演示不是本包的演示,在此视频中没有任何与bootstrap的集成。要查看演示,请使用测试Django项目

安装

安装django-inplaceedit egg (1.4.1) 后

安装django-inplaceedit-extra-fields egg (0.6.1,这是可选的但推荐使用)

并且安装django-bootstrap3-datetimepicker egg (2.2.3,这是可选的但推荐使用)

在您的settings.py中

INSTALLED_APPS = (
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.sites',
    'django.contrib.admin',
    #.....................#
    'inplaceeditform_bootstrap',  # it is very important that this app is before that inplaceeditform and inplaceeditform_extra_fields
    'inplaceeditform',
    'inplaceeditform_extra_fields',  # this is optional but recommended
    'bootstrap3_datetime', # this is optional but recommended
)

...
# Optional, but recommended

ADAPTOR_INPLACEEDIT = {}
if 'inplaceeditform_extra_fields' in INSTALLED_APPS:
    ADAPTOR_INPLACEEDIT['tiny'] = 'inplaceeditform_extra_fields.fields.AdaptorTinyMCEField'
    # You can add the other adaptors of inplaceeditform_extra_fields
    # https://pypi.python.org/pypi/django-inplaceedit-extra-fields#installation
if 'bootstrap3_datetime' in INSTALLED_APPS:
    ADAPTOR_INPLACEEDIT['date'] = 'inplaceeditform_bootstrap.fields.AdaptorDateBootStrapField'
    ADAPTOR_INPLACEEDIT['datetime'] = 'inplaceeditform_bootstrap.fields.AdaptorDateTimeBootStrapField'

INPLACEEDIT_EDIT_TOOLTIP_TEXT = 'Please doubleclick to edit'

如果您愿意,可以注册这些字段,并在您的设置中使用不同的键

...

if 'bootstrap3_datetime' in INSTALLED_APPS:
    ADAPTOR_INPLACEEDIT['date_bootstrap'] = 'inplaceeditform_bootstrap.fields.AdaptorDateBootStrapField'
    ADAPTOR_INPLACEEDIT['datetime_bootstrap'] = 'inplaceeditform_bootstrap.fields.AdaptorDateTimeBootStrapField'

然后,要使用特定的适配器,您可以将其传递给模板标签,例如

{% inplace_edit "content.field_name" adaptor="date_bootstrap" %}
{% inplace_edit "content.field_name" adaptor="datetime_bootstrap" %}

为什么这段代码不在django-inplaceedit中?

  • 此代码依赖于bootstrap

  • 这是一个特定解决方案

测试

存在一个测试Django项目。此项目可以用作演示项目。

此项目覆盖了django-inplaceedit的默认选项和django-inplaceedit-bootstrap的默认选项

INPLACEEDIT_AUTO_SAVE = True
INPLACEEDIT_EVENT = 'click'
INPLACEEDIT_EDIT_TOOLTIP_TEXT = 'Click to edit'  # This option is of django-inplaceedit-bootstrap

开发

您可以通过克隆其git存储库来获取django-inplaceedit-bootstrap的最新版本

git clone git@github.com:django-inplaceedit/django-inplaceedit-bootstrap.git

发布

0.2.1 (2015-08-30)

  • 详细信息

0.2.0 (2015-08-30)

  • 鼠标悬停时添加工具提示

  • 给字段添加表单类

  • 测试项目的改进

  • 支持Django 1.7和Django 1.8

  • 支持django-bootstrap3-datetimepicker的最新版本

  • 升级bootstrap版本

0.1.1 (2013-09-17)

  • 测试项目的改进

0.1.0 (2013-09-17)

  • README文件的改进

0.0.3 (2013-09-16)

  • 添加AdaptorDateBootStrapField和AdaptorDateTimeBootStrapField

  • 自定义inplaceedit工具栏

  • 自定义文件适配器

  • 测试项目固件的改进

0.0.2 (2013-09-10)

  • 在设置中将变量INPLACEEDIT_EVENT设置为“click”

  • 修复README中的错别字

0.0.1 (2013-09-06)

  • 初始版本

项目详情


下载文件

下载您平台的文件。如果您不确定选择哪个,请了解更多关于安装包的信息。

源分发

django-inplaceedit-bootstrap-0.2.1.tar.gz (10.1 kB 查看散列)

上传时间

支持者:

AWS AWS 云计算和安全赞助商 Datadog Datadog 监控 Fastly Fastly CDN Google Google 下载分析 Microsoft Microsoft PSF赞助商 Pingdom Pingdom 监控 Sentry Sentry 错误日志 StatusPage StatusPage 状态页面