def register_image_feature(features):
formats.unregister_image_format('fullwidth')
formats.unregister_image_format('left')
formats.unregister_image_format('right')
formats.register_image_format(
formats.Format('fullwidth', _('Full width'),
'richtext-image full-width', 'max-1600x800'))
formats.register_image_format(
formats.Format('left', _('Left-aligned'), 'richtext-image left',
'max-1000x500'))
formats.register_image_format(
formats.Format('right', _('Right-aligned'), 'richtext-image right',
'max-1000x500'))
def test_get_image_format(self):
register_image_format(self.format)
result = get_image_format("test name")
self.assertEqual(result, self.format)
# image_formats.py
from wagtail.images.formats import Format, register_image_format
register_image_format(
Format('center', 'Center', 'richtext-image center', 'width-800'))
# image_formats.py
from wagtail.images.formats import Format, unregister_image_format, register_image_format
unregister_image_format('fullwidth')
register_image_format(
Format('fullwidth', 'Fullwidth', 'richtext-image fullwidth',
'max-1200x1200'))
class ImageFormat(Format):
def image_to_html(self, image, alt_text, extra_attributes=None):
#default_html = super().image_to_html(image, alt_text, extra_attributes)
if extra_attributes is None:
extra_attributes = {}
rendition = get_rendition_or_not_found(image, self.filter_spec)
extra_attributes['alt'] = escape(alt_text)
if self.classnames:
extra_attributes['class'] = "%s" % escape(self.classnames)
#default_html = rendition.img_tag(extra_attributes)
attrs = OrderedDict([
('src', rendition.url),
#('width', self.width),
#('height', self.height),
('alt', rendition.alt),
])
attrs.update(extra_attributes)
#return mark_safe(''.format())
return format_html('<img {}>', flatatt(attrs), alt_text)
unregister_image_format('fullwidth')
unregister_image_format('left')
unregister_image_format('right')
register_image_format(
ImageFormat('fullwidth', 'Full', 'bodytext-image', 'width-1024')
)
from wagtail.images.formats import (
Format,
register_image_format,
unregister_image_format,
)
unregister_image_format("fullwidth")
unregister_image_format("left")
unregister_image_format("right")
register_image_format(
Format("left", "Left-aligned", "richtext-image format-left", "width-300"))
register_image_format(
Format("right", "Right-aligned", "richtext-image format-right",
"width-300"))
register_image_format(
Format("center", "Center-aligned", "richtext-image format-center",
"width-300"))
# image_formats.py
from wagtail.images.formats import Format, register_image_format
register_image_format(
Format('thumbnail', 'Thumbnail', 'richtext-image thumbnail',
'fill-120x120'))
register_image_format(
Format('default', 'Default', 'richtext-image default', 'fill-300x200'))
register_image_format(
Format('middium', 'Middium', 'richtext-image middium', 'fill-450x300'))
register_image_format(
Format('large', 'Large', 'richtext-image large', 'fill-600x400'))
from wagtail.images.formats import Format, register_image_format, unregister_image_format
# unregister default image formats in richtext component
unregister_image_format('fullwidth')
unregister_image_format('left')
unregister_image_format('right')
register_image_format(
Format('full_width', 'Full width', 'richtext-image full-width',
'scale-100'))
register_image_format(
Format('left', 'Left', 'richtext-image float-left', 'max-500x300'))
register_image_format(
Format('right', 'Right', 'richtext-image float-right', 'max-500x300'))
register_image_format(
Format('center', 'Center', 'richtext-image mx-auto d-block',
'max-500x300'))
from wagtail.images.formats import Format, register_image_format, unregister_image_format
unregister_image_format('fullwidth')
register_image_format(
Format('fullwidth', 'Full width',
'richtext-image mx-auto d-block img-responsive', 'width-800'))
unregister_image_format('left')
register_image_format(
Format('left', 'Left-aligned', 'richtext-image float-left img-responsive',
'width-500'))
unregister_image_format('right')
register_image_format(
Format('right', 'Right-aligned',
'richtext-image float-right img-responsive', 'width-500'))
# image_formats.py
from wagtail.images.formats import Format, register_image_format
register_image_format(Format('full-width', 'Full-Width', 'richtext-image full-width img-fluid img-thumbnail mx-auto d-block', 'width-1200'))
from wagtail.images.formats import Format, register_image_format, unregister_image_format
register_image_format(Format('thumbnail', 'Thumbnail', 'richtext-image thumbnail img-responsive', 'width-120'))
from wagtail.images.formats import Format, register_image_format
# Atempting to implement Image Size Options:
# https://erev0s.com/blog/wagtail-list-tips-and-tricks/#add-a-custom-widthheight-image-in-the-rich-text-editor
register_image_format(
Format('footer-col-head', 'footerColumnHeader25',
'richtext-image footer-col-head', 'max-25x25'))
register_image_format(
Format('max-50', 'Max50', 'richtext-image max-50', 'max-50x50'))
register_image_format(
Format('max-100', 'Max100', 'richtext-image max-100', 'max-100x100'))
register_image_format(
Format('max-150', 'Max150', 'richtext-image max-150', 'max-150x150'))
register_image_format(
Format('max-250', 'Max250', 'richtext-image max-250', 'max-250x250'))
register_image_format(
Format('max-350', 'Max350', 'richtext-image max-350', 'max-350x350'))
register_image_format(
Format('max-500', 'Max500', 'richtext-image max-500', 'max-500x500'))
register_image_format(
Format('max-750', 'Max750', 'richtext-image max-750', 'max-750x750'))
from wagtail.images.formats import Format, register_image_format, unregister_image_format
unregister_image_format('fullwidth')
register_image_format(
Format('fullwidth', 'Full width', 'richtext-image img-fluid',
'width-1100'))
unregister_image_format('left')
register_image_format(
Format('left', 'Left-aligned', 'richtext-image img-fluid float-left mr-3',
'width-450'))
unregister_image_format('right')
register_image_format(
Format('right', 'Right-aligned',
'richtext-image img-fluid float-right ml-3', 'width-450'))
if image.item:
image_html = f'<a href="/item/{image.item.ref}">{image_html}</a>'
return format_html(
f'<figure class="{self.figure_classes}">{image_html}{caption_html}</figure>'
)
unregister_image_format("left")
unregister_image_format("right")
unregister_image_format("fullwidth")
register_image_format(
CaptionedImageFormat(
"fullwidth",
"Full width",
"",
"width-800",
"card card-full",
)
)
register_image_format(
CaptionedImageFormat(
"left",
"Left-aligned",
"",
"width-500",
"card card-500l",
)
)
from wagtail.images.formats import Format, register_image_format, unregister_image_format
unregister_image_format('fullwidth')
register_image_format(
Format('fullwidth', 'Full width',
'richtext-image full-width img-fluid d-block mx-auto mb-3',
'width-800'))
unregister_image_format('left')
register_image_format(
Format(
'left', 'Left-aligned',
'richtext-image left img-fluid d-block mx-auto float-md-left mr-md-3 mb-3',
'width-400'))
unregister_image_format('right')
register_image_format(
Format(
'right', 'Right-aligned',
'richtext-image right img-fluid d-block mx-auto float-md-right ml-md-3 mb-3',
'width-400'))
register_image_format(
Format('super_wide', 'Super wide', 'richtext-image super img-fluid mb-3',
'max-1200x1200'))
from wagtail.images.formats import Format, unregister_image_format, register_image_format
from django.utils.translation import ugettext_lazy as _
class ImageFigureFormat(Format):
def image_to_html(self, *args, **kwargs):
return "<figure>{}</figure>".format(super().image_to_html(
*args, **kwargs))
unregister_image_format('fullwidth')
unregister_image_format('left')
unregister_image_format('right')
register_image_format(
ImageFigureFormat('fullwidth', _('Full width'),
'richtext-image full-width', 'width-800'))
register_image_format(
ImageFigureFormat('left', _('Left-aligned'), 'richtext-image left',
'width-500'))
register_image_format(
ImageFigureFormat('right', _('Right-aligned'), 'richtext-image right',
'width-500'))
except SourceImageIOError:
# Image file is (probably) missing from /media/original_images - generate a dummy
# rendition so that we just output a broken image, rather than crashing out completely
# during rendering
Rendition = image.renditions.model # pick up any custom Image / Rendition classes that may be in use
half_rendition = Rendition(image=image, width=0, height=0)
half_rendition.file.name = 'not-found'
if self.classnames:
class_attr = 'class="%s" ' % escape(self.classnames)
else:
class_attr = ''
sizes = "(max-width: 480px) 512w, 100vw"
srcset = "%s 512w, %s" % (escape(
half_rendition.url), escape(rendition.url))
return ('<img %s%s '
'width="%d" height="%d" '
'alt="%s" srcset="%s" sizes="%s">') % (
extra_attributes, class_attr, rendition.width,
rendition.height, alt_text, srcset, sizes)
register_image_format(
Format('halfwidth', 'Half Width (512px)', 'richtext-image half-width',
'max-512x410'))
unregister_image_format("fullwidth")
register_image_format(
FullWidthImgFormat('fullwidth', 'Full width', 'richtext-image full-width',
'max-1400x1120'))
from django.utils.html import format_html, mark_safe
from wagtail.images.formats import Format, register_image_format
class CaptionedImageFormat(Format):
def image_to_html(self, image, alt_text, extra_attributes=None):
default_html = super().image_to_html(image, '', extra_attributes)
return format_html("<figure>{}<figcaption>{}</figcaption></figure>",
default_html, mark_safe(alt_text))
register_image_format(
CaptionedImageFormat('captioned_fullwidth', 'Full width captioned',
'richtext-image full-width', 'width-800'))
from wagtail.images.formats import Format, register_image_format
register_image_format(Format('responive', 'Responsive', 'responsive img-responsive', 'max-1000x800'))
# -*- coding: utf-8 -*-
from django.utils.translation import ugettext_lazy as _
from wagtail.images.formats import Format, register_image_format
register_image_format(Format('cosinnus_format_tiny', _('Tiny (50 x *)'), 'richtext-image richtext-image-tiny', 'width-50'))
register_image_format(Format('cosinnus_format_very_small', _('Very Small (100 x *)'), 'richtext-image richtext-image-very-small', 'width-100'))
register_image_format(Format('cosinnus_format_smaller', _('Smaller (150 x *)'), 'richtext-image richtext-image-smaller', 'width-150'))
register_image_format(Format('cosinnus_format_small', _('Small (200 x *)'), 'richtext-image richtext-image-small', 'width-200'))
register_image_format(Format('cosinnus_format_mediumer', _('Medium-small (250 x *)'), 'richtext-image richtext-image-mediumer', 'width-250'))
register_image_format(Format('cosinnus_format_medium', _('Medium (300 x *)'), 'richtext-image richtext-image-medium', 'width-300'))
register_image_format(Format('cosinnus_format_large', _('Large (400 x *)'), 'richtext-image richtext-image-large', 'width-400'))
register_image_format(Format('cosinnus_format_larger', _('Larger (500 x *)'), 'richtext-image richtext-image-larger', 'width-500'))
register_image_format(Format('cosinnus_format_very_large', _('Very large (650 x *)'), 'richtext-image richtext-image-very-large', 'width-650'))
register_image_format(Format('cosinnus_format_extra_large', _('Extra large (800 x *)'), 'richtext-image richtext-image-extra-large', 'width-800'))
register_image_format(Format('cosinnus_format_xxl', _('XXL (1200 x *)'), 'richtext-image richtext-image-xxl', 'width-1200'))
# image_formats.py
from wagtail.images.formats import Format, register_image_format
register_image_format(
Format('thumbnail right float', 'Thumbnail Right Float',
'richtext-image-thumbnail-right-float', 'max-500x500'))
register_image_format(
Format('thumbnail left float', 'Thumbnail Left Float',
'richtext-image-thumbnail-left-float', 'max-500x500'))
register_image_format(
Format('thumbnail right 500', 'Thumbnail Right 500',
'richtext-image-thumbnail-right', 'max-500x500'))
register_image_format(
Format('thumbnail left 500', 'Thumbnail Left 500',
'richtext-image-thumbnail-left', 'max-500x500'))
register_image_format(
Format('full width', 'Full Width', 'richtextimagefullimage', 'width-1920'))
register_image_format(
Format('half width right float', 'Half Width Right Float',
'richtext-image-halfwidth-right-float', 'width-800'))
register_image_format(
Format('half width left float', 'Half Width LeftFloat',
'richtext-image-halfwidth-left-float', 'width-800'))
register_image_format(
Format('half width right', 'Half Width Right',
'richtext-image-halfwidth-right', 'width-800'))
register_image_format(
Format('half width left', 'Half Width Left',
'richtext-image-halfwidth-left', 'width-800'))
)
class CaptionedImageFormat(Format):
"""Custom image format for including a caption"""
def image_to_html(self, image, alt_text, extra_attributes=None):
"""Wraps supplied image in figure tags, and supplied alt text in figcaption tags."""
default_html = super().image_to_html(image, alt_text, extra_attributes)
class_name = "landscape" if image.width >= image.height else "portrait"
return format_html(
'<figure class="{}">{}<figcaption>{}</figcaption></figure>',
class_name,
default_html,
alt_text,
)
# Unregister Wagtail default image formats
unregister_image_format("fullwidth")
unregister_image_format("left")
unregister_image_format("right")
# Register our custom image format
register_image_format(
CaptionedImageFormat(
"captioned_center", "Centered captioned", "bodytext-image", "width-800"
)
)
from wagtail.images.formats import Format, register_image_format
register_image_format(
Format('thumbnail', 'Thumbnail', 'richtext-image thumbnail', 'max-20x20'))
from wagtail.images.formats import Format, register_image_format
register_image_format(
Format('thumbnail', 'Thumbnail', 'richtext-image thumbnail', 'width-300'))
import copy
from django.utils.html import escape, format_html
from wagtail.images.formats import Format, register_image_format
from wagtail.images.shortcuts import get_rendition_or_not_found
class CaptionedImageFormat(Format):
def image_to_html(self, image, alt_text, extra_attributes=None):
if extra_attributes is None:
extra_attributes = {}
rendition = get_rendition_or_not_found(image, self.filter_spec)
extra_attributes['alt'] = escape(alt_text)
default_html = rendition.img_tag(extra_attributes)
return format_html(
"<div class='{}'>{}<figcaption>{}</figcaption></div>",
"%s" % escape(self.classnames), default_html, alt_text)
register_image_format(
CaptionedImageFormat('captioned_fullwidth', 'Captioned full width',
'captioned-image richtext-image full-width',
'width-800'))
register_image_format(
CaptionedImageFormat('captioned_left', 'Captioned half width left aligned',
'captioned-image richtext-image left', 'width-500'))
register_image_format(
CaptionedImageFormat('captioned_right',
'Captioned half width right aligned',
'captioned-image richtext-image right', 'width-500'))
from wagtail.images.formats import Format, register_image_format
# Set it to 2280px because 1140px is the max width of Bootstrap's container.
# Then we multiply that number by 2 so the image can render well on retina.
register_image_format(
Format('fullwidth_high_quality', 'Full width high quality',
'richtext-image full-width high-quality', 'width-2280'))
from wagtail.images.formats import Format, register_image_format, unregister_image_format
unregister_image_format('fullwidth')
unregister_image_format('left')
unregister_image_format('right')
register_image_format(
Format('fullwidth', 'Full width',
'richtext-image img-responsive full-width', 'width-400'))
register_image_format(
Format('left', 'Left-aligned', 'richtext-image img-responsive left',
'width-200'))
register_image_format(
Format('right', 'Right-aligned', 'richtext-image img-responsive right',
'width-200'))
from wagtail.images.formats import Format, register_image_format
register_image_format(Format('right-200', 'right-200', 'richtext-image right', 'width-200'))
register_image_format(Format('left-200', 'left-200', 'richtext-image left', 'width-200'))
def test_get_image_format(self):
register_image_format(self.format)
result = get_image_format('test name')
self.assertEqual(result, self.format)
from wagtail.images.formats import Format, register_image_format
from django.utils.translation import gettext_lazy as _
register_image_format(
Format('center', _('Centered'), 'richtext-image center', 'original'))
from wagtail.core.models import Page
from wagtail.core.fields import StreamField
from wagtail.images.formats import Format, register_image_format
from wagtail.search import index
'''To add a new size format use the following format
register_image_format(Format('name', 'label', 'class_names', 'filter_spec'))
These are the Format arguments:
name -> unique key used to identify the format
label -> label used in the chooser form when inserting the image in the RichTextField
class_names -> string to assign to the class attribute of the generated <img> tag.
filter_spec -> string specification to create the image rendition.
'''
register_image_format(
Format('600x600', '600x600', 'richtext-image 600x600', 'max-600x600'))
register_image_format(
Format('logo_icon', 'Logo_Icon', 'richtext-image logo_icon', 'max-30x30'))
register_image_format(
Format('original', 'Original', 'richtext-image original', 'original'))
class ContentTag(TaggedItemBase):
content_object = ParentalKey('core.Content', related_name='tagged_items')
class Content(Page):
body = StreamField([
('heading', blocks.CharBlock(classname='full title')),
('rich_text', blocks.RichTextBlock()),
('raw', blocks.RawHTMLBlock()),
from wagtail.images.formats import Format, register_image_format
register_image_format(
Format("thumbnail", "Thumbnail", "richtext-image thumbnail",
"max-120x120"))
