All Projects → Aleksi44 → wagtailsvg

Aleksi44 / wagtailsvg

Licence: GPL-3.0 License
Wagtail + SVG

Programming Languages

python
139335 projects - #7 most used programming language
HTML
75241 projects
javascript
184084 projects - #8 most used programming language
Makefile
30231 projects

Projects that are alternatives of or similar to wagtailsvg

pari
Django/Wagtail based PARI webapp
Stars: ✭ 32 (+23.08%)
Mutual labels:  wagtail
wagtail-treemodeladmin
An extension for Wagtail's ModelAdmin for a page explorer-like navigation of Django model relationships
Stars: ✭ 31 (+19.23%)
Mutual labels:  wagtail
wagtailclearstream
A work-in-progress app to make Wagtail's StreamField more modular
Stars: ✭ 33 (+26.92%)
Mutual labels:  wagtail
wagtailyoast
Wagtail + Yoast
Stars: ✭ 22 (-15.38%)
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 (+11.54%)
Mutual labels:  wagtail
wagtail-react-blog
SPA built with React, Tailwind CSS and Wagtail Rest API
Stars: ✭ 66 (+153.85%)
Mutual labels:  wagtail
wagtailcolumnblocks
Streamfield columns for Wagtail
Stars: ✭ 38 (+46.15%)
Mutual labels:  wagtail
draftjs-conductor
📝✨ Little Draft.js helpers to make rich text editors “just work”
Stars: ✭ 39 (+50%)
Mutual labels:  wagtail
wagtail-metadata-mixin
🔍 OpenGraph, Twitter Card and Schema.org snippet tags for Wagtail CMS pages
Stars: ✭ 42 (+61.54%)
Mutual labels:  wagtail
wagtailvideos
Videos for Wagtail CMS, including transcoding
Stars: ✭ 43 (+65.38%)
Mutual labels:  wagtail
wagtail textract
Text extraction for Wagtail document search
Stars: ✭ 27 (+3.85%)
Mutual labels:  wagtail
pipeline
The Polytechnic's content management system
Stars: ✭ 17 (-34.62%)
Mutual labels:  wagtail
wagtail.io
Source code of https://wagtail.org/
Stars: ✭ 25 (-3.85%)
Mutual labels:  wagtail
wagtail-pg-search-backend
PostgreSQL full text search backend for Wagtail CMS
Stars: ✭ 22 (-15.38%)
Mutual labels:  wagtail
wagtail-django-recaptcha
A simple recaptcha field for Wagtail Form Pages
Stars: ✭ 47 (+80.77%)
Mutual labels:  wagtail
Django-wagtailmedium
A Medium Editor integration for the Wagtail CMS.
Stars: ✭ 17 (-34.62%)
Mutual labels:  wagtail
wagtail-2fa
2 Factor Authentication for Wagtail
Stars: ✭ 63 (+142.31%)
Mutual labels:  wagtail
wagtail-react-streamfield
Powerful field for inserting multiple blocks with nesting. (NO LONGER MAINTAINED - See Wagtail 2.13 Release Notes)
Stars: ✭ 75 (+188.46%)
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 (+165.38%)
Mutual labels:  wagtail
devheldev
Our development site with Wagtail
Stars: ✭ 14 (-46.15%)
Mutual labels:  wagtail

Wagtail SVG

https://img.shields.io/pypi/v/wagtailsvg https://img.shields.io/pypi/pyversions/wagtailsvg

Wagtail + SVG = 🚀

SVG for Wagtail with :

  • Svg : Model
  • SvgChooserPanel : ChooserPanel for ForeignKey
  • SvgChooserBlock : ChooserBlock for StreamField

Can be used like this :

from wagtailsvg.models import Svg
from wagtailsvg.blocks import SvgChooserBlock
from wagtailsvg.edit_handlers import SvgChooserPanel


class TestPage(Page):
    logo = models.ForeignKey(
        Svg,
        related_name='+',
        null=True,
        blank=True,
        on_delete=models.SET_NULL
    )
    body = StreamField([
        ('svg', SvgChooserBlock()),
    ], blank=True)

    content_panels = Page.content_panels + [
        SvgChooserPanel('logo'),
        StreamFieldPanel('body'),
    ]

Setup

Install with pip :

pip install wagtailsvg

Add wagtailsvg to django apps installed :

INSTALLED_APPS = [
    'wagtailsvg',
    'wagtail.contrib.modeladmin',
    'generic_chooser',
    ...
]

Set the SVG download folder in the Django settings

WAGTAILSVG_UPLOAD_FOLDER = 'svg'

Default value is 'media'

Development env

If first run

git clone [email protected]:Aleksi44/wagtailsvg.git
pip install -r requirements.txt
python manage.py migrate
python manage.py init

Run Django Server

python manage.py runserver 0.0.0.0:4243

Run Webpack Server

yarn
yarn start

Idea to contribute

Let's help designers who use wagtail with :

  • Improvements of Wagtail Admin in wagtailsvg
  • Import essential customizable SVG files easily with a command
  • Import SVG files with a global styles conf

Feel free to contact me at [email protected]

Last experimentation :

https://media.snoweb.fr/www/documents/wagtail-svg-experiment-1.gif

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