All Projects → heymonkeyriot → wagtailclearstream

heymonkeyriot / wagtailclearstream

Licence: other
A work-in-progress app to make Wagtail's StreamField more modular

Programming Languages

CSS
56736 projects
javascript
184084 projects - #8 most used programming language
python
139335 projects - #7 most used programming language
HTML
75241 projects

Projects that are alternatives of or similar to wagtailclearstream

wagtailcolumnblocks
Streamfield columns for Wagtail
Stars: ✭ 38 (+15.15%)
Mutual labels:  wagtail, streamfield
react-streamfield
Powerful field for inserting multiple blocks with nesting. (NO LONGER MAINTAINED - See Wagtail 2.13 Release Notes)
Stars: ✭ 34 (+3.03%)
Mutual labels:  wagtail, streamfield
wagtail-react-streamfield
Powerful field for inserting multiple blocks with nesting. (NO LONGER MAINTAINED - See Wagtail 2.13 Release Notes)
Stars: ✭ 75 (+127.27%)
Mutual labels:  wagtail, streamfield
wagtailgridder
Wagtail Gridder is a Bootstrap 4 enabled layout for the Wagtail CMS. Grid Items are created within categories, and displayed on a Grid Index Page. The JavaScript libraries Gridder and MixItUp are included.
Stars: ✭ 59 (+78.79%)
Mutual labels:  wagtail
draftjs-filters
Filter Draft.js content to preserve only the formatting you allow
Stars: ✭ 53 (+60.61%)
Mutual labels:  wagtail
pipeline
The Polytechnic's content management system
Stars: ✭ 17 (-48.48%)
Mutual labels:  wagtail
devheldev
Our development site with Wagtail
Stars: ✭ 14 (-57.58%)
Mutual labels:  wagtail
wagtail-cache
A simple page cache for Wagtail based on the Django cache middleware.
Stars: ✭ 63 (+90.91%)
Mutual labels:  wagtail
wagtail-2fa
2 Factor Authentication for Wagtail
Stars: ✭ 63 (+90.91%)
Mutual labels:  wagtail
wagtail textract
Text extraction for Wagtail document search
Stars: ✭ 27 (-18.18%)
Mutual labels:  wagtail
wagtailyoast
Wagtail + Yoast
Stars: ✭ 22 (-33.33%)
Mutual labels:  wagtail
wagtail-treemodeladmin
An extension for Wagtail's ModelAdmin for a page explorer-like navigation of Django model relationships
Stars: ✭ 31 (-6.06%)
Mutual labels:  wagtail
wagtail-pg-search-backend
PostgreSQL full text search backend for Wagtail CMS
Stars: ✭ 22 (-33.33%)
Mutual labels:  wagtail
wagtail-color-panel
A package that adds new panels for selecting colors, works both on regular page fields and stream field.
Stars: ✭ 29 (-12.12%)
Mutual labels:  wagtail
wagtailmath
Beautiful equations in your StreamField content
Stars: ✭ 27 (-18.18%)
Mutual labels:  wagtail
wagtail-react-blog
SPA built with React, Tailwind CSS and Wagtail Rest API
Stars: ✭ 66 (+100%)
Mutual labels:  wagtail
pari
Django/Wagtail based PARI webapp
Stars: ✭ 32 (-3.03%)
Mutual labels:  wagtail
wagtail-inventory
Search Wagtail pages by the StreamField blocks they contain
Stars: ✭ 45 (+36.36%)
Mutual labels:  wagtail
wagtailvideos
Videos for Wagtail CMS, including transcoding
Stars: ✭ 43 (+30.3%)
Mutual labels:  wagtail
wagtail.io
Source code of https://wagtail.org/
Stars: ✭ 25 (-24.24%)
Mutual labels:  wagtail

Note: this project hasn't been updated since 2017 and is no longer maintained. It is likely to break with the latest version of Wagtail.

Wagtail Clear StreamField

This is an amended version of Wagtail's StreamField interface that introduces a new class called ClearField

  • Improved UI for nested StreamFields
  • Always visible help text
  • Confirmation on delete of StreamField items

Screenshot Screenshot

Install

  • pip install wagtailclearstream
  • Add wagtailclearstream to your installed apps
  • Use from wagtailclearstream import ClearBlock to import
  • Replace StreamBlock with ClearBlock

Examples

Separate blocks.py file

#blocks.py
from wagtailclearstream import ClearBlock

 class GlobalStreamBlock(ClearBlock):
    paragraph = RichTextBlock(
        icon="pilcrow",
        template="blocks/paragraph.html"
    )
    ...

#models.py
from .blocks import GlobalStreamBlock

class ExamplePage(Page):
    body = StreamField(
        GlobalStreamBlock(), blank=True
        )

content_panels = Page.content_panels + [
        StreamFieldPanel('body'),
        ]
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].