Add classes to content blocks

[woerndl]

Is there a way to add a (css) class to a content block? Especially for images. E.g. to create left/right floating images in the document?

[onebigclownshoe]

It isn't possible to add classes to images in standard Markdown.

The simplest workaround is to wrap the content block in a <div> and pass the class there. Any styles can then be handled by the CSS in your template.

[woerndl]

Thanks.

Maybe interesting for the future though. There is a already a discussion about image alignment in the CommonMark forum, even mentions Writer explicitly: https://talk.commonmark.org/t/floating-images/266/29

Of course it's a question of where the line between content and presentation should be drawn. But if you use Writer to write (and export) e.g. a thesis or book (which is now possible since templates, images, blocks and variables are added) you'll probably run into this if you don't want only fullwidth single column images images in the same style. It could also play well with the WordPress and Medium export.

We use the syntax ![altText](image.png "title"){.floatLeft} in a custom Kirby installations and editors come along with it. Even though the image syntax itself sucks.

The potential value for the feature came with the template support and now with content blocks it could make even more sense. It would even be possible to import the same content block and style it in two different ways. E.g. with /mytext.txt {.highlight} or whatever the syntax you'd choose would look like.

So maybe a feature worth considering, even though it isn't part of standard markdown (just as content blocks aren't).