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"))