An open API service indexing awesome lists of open source software.

https://github.com/foliant-docs/foliantcontrib.imgcaptions

Preprocessor for Foliant for adding visible captions to images.
https://github.com/foliant-docs/foliantcontrib.imgcaptions

Last synced: 5 months ago
JSON representation

Preprocessor for Foliant for adding visible captions to images.

Awesome Lists containing this project

README

          

[![](https://img.shields.io/pypi/v/foliantcontrib.imgcaptions.svg)](https://pypi.org/project/foliantcontrib.imgcaptions/) [![](https://img.shields.io/github/v/tag/foliant-docs/foliantcontrib.imgcaptions.svg?label=GitHub)](https://github.com/foliant-docs/foliantcontrib.imgcaptions)

# 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

```bash
$ pip install foliantcontrib.imgcaptions
```

## Usage

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

```yaml
preprocessors:
- imgcaptions
```

The preprocessor supports the following options:

```yaml
- imgcaptions:
stylesheet_path: !path imgcaptions.css
template:

{caption}


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: `

{caption}

`.

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

Image definition example:

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

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

```html

My Picture


My Picture


```

(Note that ImgCaptions preprocessor does not convert Markdown syntax into HTML; it only inserts HTML tags like `

My Picture

` into Markdown code after the image definitions. Empty alternative text descriptions are ignored.)