Mezzanine PageDown

Inspired by mezzanine-mdown, django-pagedown, and

This package provides rich text widgets and filters for Mezzanine
to author content using Markdown syntax instead of the default TinyMCE


  • Uses the PageDown markdown editor from Stack Exchange
    (optional), and Python-Markdown for rendering.

  • Supports client-side and server-side live previews in the
    editor. Client-side previews use PageDown's JavaScript
    previewer. Server-side previews use the same rendering filter as
    the final page.

  • Supports bundled and custom Python-Markdown extensions, and
    provides a few filters that are preconfigured to use some
    extensions, such as Markdown Extra. If server-side previews
    are enabled, configured extensions will be enabled in the editor

  • HTML sanitizing using Bleach. Bleach is already a dependency
    of Mezzanine.

  • Integrates the editor's Insert Image button with Mezzanine's file
    browser (Media Library). Clicking the Insert Image button pops up
    an in-window selection dialog of Mezzanine's Media Library.

How to Use

  1. Get and install the package:

    pip install mezzanine-pagedown

    Mezzanine 1.3 or higher is required.

  2. Install the app in your Mezzanine project by adding
    mezzanine_pagedown to the list of INSTALLED_APPS in your

  3. Configure Mezzanine to use one of the provided rich text
    widgets. In your project's, set

    • 'mezzanine_pagedown.widgets.PageDownWidget' to use the
      PageDown editor with live preview.

    • 'mezzanine_pagedown.widgets.PlainWidget' to use a plain
      textarea without preview.

  4. Configure Mezzanine to use one of the provided rich text filters
    for rendering markdown content. In, set
    RICHTEXT_FILTERS to include one of the following:

    • 'mezzanine_pagedown.filters.plain' to use plain Markdown
      syntax with no extensions.

    • 'mezzanine_pagedown.filters.extra' to use Markdown Extra.

    • 'mezzanine_pagedown.filters.codehilite' to enable the
      CodeHilite extension.

    • 'mezzanine_pagedown.filters.custom' to enable an explicit
      list of extensions through the PAGEDOWN_MARKDOWN_EXTENSIONS
      setting (see below).

  5. Disable Mezzanine's HTML sanitizing so that it does not interfere
    with markdown's blockquote syntax (>):


    mezzanine-pagedown provides its own sanitizing after rendering
    Markdown to HTML, and respects Mezzanine's

  6. (Optional): Server-side previews:

    • In, enable server-side live previews in the editor:


      By default (False), previews are generated client-side using
      PageDown's previewer.

    • In, enable the preview URL:

      import mezzanine_pagedown.urls

      Then add the following line to urlpatterns:

      ("^pagedown/", include(mezzanine_pagedown.urls)),

      In this case, the preview URL is /pagedown/preview/. You can
      replace "^pagedown/" with your own path.

  7. (Optional): Set enabled extensions. Requires the custom filter:

    RICHTEXT_FILTERS = ['mezzanine_pagedown.filters.custom']
    PAGEDOWN_MARKDOWN_EXTENSIONS = ('extra','codehilite','toc')

    To use a custom extension, import it and include an instance
    in the list of extensions:

    from myapp.markdown_extensions.myextension import MyExtension
    PAGEDOWN_MARKDOWN_EXTENSIONS = ('extra', MyExtension())
  8. (Optional): Generate and use a pygments CSS style for use with the
    CodeHilite extension (requires installing pygments):

    python pygments_styles <scheme_name>


Licence: BSD. See included LICENSE file.

Note that this license applies to this repository only. The
PageDown JavaScript library is used as a sub-repository and has
its own license.