跳转到主要内容

django.contrib.flatpages上的HTML编辑器

项目描述

关于

django3-flatpages-tinymce 提供了“扁平页面”的现场编辑,对其他代码的影响最小。这是原始项目的分支,放弃了Python 2和django < 3.0的支持。

django3-flatpages-tinymce 在MIT许可协议下可用。

用法

首先,您需要安装 django3-flatpages-tinymcedjango-tinymce;为了您的方便,最近版本应从PyPI获取。

pip install django-tinymce django3-flatpages-tinymce

要使用,只需将这些应用程序添加到您的 INSTALLED_APPS 中,在 django.contrib.flatpages 应用之后

INSTALLED_APPS = (
    ...
        'django.contrib.staticfiles',
        'django.contrib.flatpages',
        ...
        'tinymce',
        'flatpages_tinymce',
)

根据 flatpages 指南的说明,将其添加到您的 MIDDLEWARE_CLASSES 中

MIDDLEWARE_CLASSES = (
    ...
    'django.contrib.flatpages.middleware.FlatpageFallbackMiddleware',
)

请记住,此 urls.py 的微小添加是由 django-tinymce 所必需的

urlpatterns = patterns('',
    ...
    path('tinymce/', include('tinymce.urls')),
    ...
)

最后,使用以下命令为 flatpages 创建表并安装JS/CSS文件:

./manage.py nugrate
./manage.py collectstatic

如果您想要现场编辑模板,您必须编辑 flatpages 模板:将 {{flatpage.content}} 修改为从 flatpage_admin 模板库中的 {% flatpage_admin flatpage %}。所以

{% extends "base.html" %}
{% block body %}
{% endblock %}
{% block body %}
<h1>{{flatpage.title}}</h1>
{{flatpage.content}}
{% endblock %}

将变为

{% extends "base.html" %}
{% load flatpage_admin %}
{% block body %}
<h1>{{flatpage.title}}</h1>
{% flatpage_admin flatpage %]
{% endblock %}

如果您被插入到 <body> 标签中的 <script> / <link> 标签所困扰,并且您的模板中类似有 {% block extrahead %},您可以使用 {% flatpage_media %} 标签将所有插件媒体移动到头部。

{% extends "base.html" %}
{% block extrahead %}
{% flatpage_media %}
{% endblock %}
{% block body %}
<h1>{{flatpage.title}}</h1>
{% flatpage_admin flatpage %}
{% endblock %}

设置

默认设置在 flatpages_tinymce.settings.py 文件中。您还可以在全局 settings.py 文件中覆盖它们。其中主要的有

  • FLATPAGES_TINYMCE_ADMIN(默认为 True)- 在管理区域使用 TinyMCE 小部件
  • FLATPAGES_TINYMCE_FRONTEND(默认为 True)- 在前端使用 TinyMCE 小部件
  • FLATPAGES_TEMPLATE_DIR(默认:TEMPLATE_DIRS[0] + 'flatpages')- flatpages 模板放置的目录
  • FLATPAGES_USE_MINIFIED(默认:not settings.DEBUG)- 使用 JS/CSS 的压缩版本

此外,您可能想要更改 TinyMCE 编辑器的默认设置。

TINYMCE_DEFAULT_CONFIG = {
   # custom plugins
       'plugins': "table,spellchecker,paste,searchreplace",
   # editor theme
   'theme': "advanced",
   # custom CSS file for styling editor area
       'content_css': MEDIA_URL + "css/custom_tinymce.css",
       # use absolute urls when inserting links/images
       'relative_urls': False,
   }

更改

版本 0.2 中的更改

  • 移植以支持 Django > 3 和 Python 3
  • 取消对俄语的支持

版本 0.1 中的更改

  • 首次公开发布。

项目详情


下载文件

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

源分布

django3-flatpages-tinymce-0.2.2.tar.gz (9.8 kB 查看哈希值)

上传时间

构建分布

django3_flatpages_tinymce-0.2.2-py3-none-any.whl (10.8 kB 查看哈希值)

上传时间 Python 3

由以下支持

AWSAWS 云计算和安全赞助商 DatadogDatadog 监控 FastlyFastly CDN GoogleGoogle 下载分析 MicrosoftMicrosoft PSF 赞助商 PingdomPingdom 监控 SentrySentry 错误日志 StatusPageStatusPage 状态页面