All Projects → wagtail → wagtail-react-streamfield

wagtail / wagtail-react-streamfield

Licence: BSD-3-Clause License
Powerful field for inserting multiple blocks with nesting. (NO LONGER MAINTAINED - See Wagtail 2.13 Release Notes)

Programming Languages

python
139335 projects - #7 most used programming language
javascript
184084 projects - #8 most used programming language
SCSS
7915 projects
HTML
75241 projects

Projects that are alternatives of or similar to wagtail-react-streamfield

wagtailclearstream
A work-in-progress app to make Wagtail's StreamField more modular
Stars: ✭ 33 (-56%)
Mutual labels:  wagtail, streamfield
wagtailcolumnblocks
Streamfield columns for Wagtail
Stars: ✭ 38 (-49.33%)
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 (-54.67%)
Mutual labels:  wagtail, streamfield
Django-wagtailmedium
A Medium Editor integration for the Wagtail CMS.
Stars: ✭ 17 (-77.33%)
Mutual labels:  wagtail
wagtail-pg-search-backend
PostgreSQL full text search backend for Wagtail CMS
Stars: ✭ 22 (-70.67%)
Mutual labels:  wagtail
wagtail-2fa
2 Factor Authentication for Wagtail
Stars: ✭ 63 (-16%)
Mutual labels:  wagtail
madewithwagtail
A showcase of sites and apps made with Wagtail CMS, the easy to use, open source Django content management system
Stars: ✭ 69 (-8%)
Mutual labels:  wagtail
draftjs-filters
Filter Draft.js content to preserve only the formatting you allow
Stars: ✭ 53 (-29.33%)
Mutual labels:  wagtail
wagtailvideos
Videos for Wagtail CMS, including transcoding
Stars: ✭ 43 (-42.67%)
Mutual labels:  wagtail
wagtail-metadata-mixin
🔍 OpenGraph, Twitter Card and Schema.org snippet tags for Wagtail CMS pages
Stars: ✭ 42 (-44%)
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 (-61.33%)
Mutual labels:  wagtail
wagtailyoast
Wagtail + Yoast
Stars: ✭ 22 (-70.67%)
Mutual labels:  wagtail
wagtail-react-blog
SPA built with React, Tailwind CSS and Wagtail Rest API
Stars: ✭ 66 (-12%)
Mutual labels:  wagtail
pari
Django/Wagtail based PARI webapp
Stars: ✭ 32 (-57.33%)
Mutual labels:  wagtail
devheldev
Our development site with Wagtail
Stars: ✭ 14 (-81.33%)
Mutual labels:  wagtail
pipeline
The Polytechnic's content management system
Stars: ✭ 17 (-77.33%)
Mutual labels:  wagtail
wagtail-inventory
Search Wagtail pages by the StreamField blocks they contain
Stars: ✭ 45 (-40%)
Mutual labels:  wagtail
wagtail-treemodeladmin
An extension for Wagtail's ModelAdmin for a page explorer-like navigation of Django model relationships
Stars: ✭ 31 (-58.67%)
Mutual labels:  wagtail
draftjs-conductor
📝✨ Little Draft.js helpers to make rich text editors “just work”
Stars: ✭ 39 (-48%)
Mutual labels:  wagtail
wagtail-django-recaptcha
A simple recaptcha field for Wagtail Form Pages
Stars: ✭ 47 (-37.33%)
Mutual labels:  wagtail

No longer maintained: Features have been merged into Wagtail see 2.13 Release Notes.

Wagtail React StreamField

Drop-in replacement for the StreamField in Wagtail.

This work was funded thanks to a Kickstarter campaign!

It relies on react-streamfield, a React package created for the occasion.

This work is currently in beta phase and will in the end be merged in Wagtail. You should be careful and manually check that it works for your own StreamField and report any bug you find.

Requirements

Wagtail 2.6 or above.

Getting started

It’s really easy to setup, like most NoriPyt packages:

  • pip install wagtail-react-streamfield
  • Add 'wagtail_react_streamfield', to your INSTALLED_APPS before 'wagtail.admin', 'wagtail.images', 'wagtail.docs' & 'wagtail.snippets'

That’s it!

Usage

wagtail-react-streamfield has the same class API as the regular StreamField. What changes:

Meta attributes (or passed to __init__)

closed
Set to True to close all blocks of this type when loading the page. Defaults to False.

Screenshots

https://raw.github.com/noripyt/wagtail-react-streamfield/master/wagtail-react-streamfield-screenshot-1.png

https://raw.github.com/noripyt/wagtail-react-streamfield/master/wagtail-react-streamfield-screenshot-2.png

https://raw.github.com/noripyt/wagtail-react-streamfield/master/wagtail-react-streamfield-screenshot-3.png

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].