Skip to content

Preprocessor for Foliant for adding visible captions to images.

License

Notifications You must be signed in to change notification settings

foliant-docs/foliantcontrib.imgcaptions

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ImgCaptions

ImgCaptions is a preprocessor that generates visible captions for the images from alternative text descriptions of the images. The preprocessor is useful in projects built with MkDocs or another backend that provides HTML output.

Installation

$ pip install foliantcontrib.imgcaptions

Usage

To enable the preprocessor, add imgcaptions to preprocessors section in the project config:

preprocessors:
    - imgcaptions

The preprocessor supports the following options:

    - imgcaptions:
        stylesheet_path: !path imgcaptions.css
        template: <p class="image_caption">{caption}</p>
        targets:
            - pre
            - mkdocs
            - site
            - ghp

stylesheet_path : Path to the CSS stylesheet file. This stylesheet should define rules for the .image_caption class. Default path is imgcaptions.css. If stylesheet file does not exist, default built-in stylesheet will be used.

template : Template string representing the HTML tag of the caption to be placed after the image. The template should contain the {caption} variable that will be replaced with the image caption. Default: <p class="image_caption">{caption}</p>.

targets : Allowed targets for the preprocessor. If not specified (by default), the preprocessor applies to all targets.

Image definition example:

(leading exclamation mark here)[My Picture](picture.png)

This Markdown source will be finally transformed into the HTML code:

<p><img alt="My Picture" src="picture.png"></p>
<p class="image_caption">My Picture</p>

(Note that ImgCaptions preprocessor does not convert Markdown syntax into HTML; it only inserts HTML tags like <p class="image_caption">My Picture</p> into Markdown code after the image definitions. Empty alternative text descriptions are ignored.)