TextformatterPageImages by kixe, diogo

Allows you to insert images in a text area by referencing them with tags in the following format [[fieldName,Number,class]]. All Parameters are optional. Configurable base class and wrapper.

Textformatter Page Images

Syntax


  • includes an image-tag in the Textfield by using [[fieldname(optional),number(optional),class(optional)]]
  • if using this module Names of Imagefields shouldn't start with a number
  • If a class (CSS) is added Fieldname and/or Number and/or leading Comma is mandatory
  • Comma is mandatory from two Parameters and up

Look at the Examples for easy understanding

Examples


[[]] matches the first or only one picture in the first or only one image-field if exists
[[images]] matches the first or only one picture in the named image-field
[[4]] matches the fourth picture in the first or only one image-field
[[3,left]] matches the third picture in the first or only one image-field and adds the class left
[[,right]] matches the first or only one picture in the first or only one image-field and adds the class left
[[images,3,top]] matches the third picture in the image-field named 'images' and adds the class top

Settings


  • One or more basic classes could be added to the image tag
  • Define custom markup for wrapper. Any PageImage property surrounded by curled brackets will be replaced by the related value. Additional properties (class, index, urlSmall, urlMedium, urlLarge) available. Default markup:
<img class="{class}" src="{url}" alt="{description}"/>

Hooks


function wrapper() is hookable with instance of Pageimage as argument.

Compatibility


Works well with other text formatters such as Markdown.

Thanks


to Diogo for the nice module TextformatterImageTags which is the mother of this module.

Install and use modules at your own risk. Always have a site and database backup before installing new modules.

Twitter updates

  • This week ProcessWire (3.0.175) gained the ability to maintain separate read-only and read-write database connections to optimize scalability, cost and performance. The post covers why this can be so valuable and how to configure it in ProcessWire— More
    2 April 2021
  • ProcessWire 3.0.174 core updates: improvements to the new path/URL hooks and more— More
    12 March 2021
  • ProcessWire 3.0.173 adds several new requested features and this post focuses on one of my favorites: the ability to hook into and handle ProcessWire URLs, independent of pages— More
    5 March 2021

Latest news

  • ProcessWire Weekly #362
    In the 362nd issue of ProcessWire Weekly we'll check out the latest weekly update from Ryan, introduce two new third party modules, and check out a brand new site of the week. Read on!
    Weekly.pw / 17 April 2021
  • ProcessWire 3.0.175 adds new database scalability options
    This week ProcessWire gained the ability to maintain separate read-only and read-write database connections to optimize scalability, cost and performance. The post covers why this can be so valuable and how to configure it in ProcessWire.
    Blog / 2 April 2021
  • Subscribe to weekly ProcessWire news

“…building with ProcessWire was a breeze, I really love all the flexibility the system provides. I can’t imagine using any other CMS in the future.” —Thomas Aull