Wagtail SVG

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 these 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 git@github.com: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

Snoweb SVG

To integrate SVG icons on Wagtail, I created Snoweb SVG with +2000 optimized SVG. Check the SVG library.

Feel free to contact me at hello@snoweb.io.

Made with ❤ by Snoweb.