Leilukin/leilukin-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add class name parameter to image figures

Browse Source
This commit is contained in:
Leilukin 2024-07-31 00:03:46 +08:00 committed by Helen Chong
parent 4968ad2b6a
commit 8e68d35812
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/_config/shortcodes.js
View File

@ -21,9 +21,12 @@ export default function(eleventyConfig) {
});
// Image figure and figcaption
eleventyConfig.addPairedShortcode('imgFigure', (caption, img, alt=caption, enableLazyLoading=true) => {
eleventyConfig.addPairedShortcode('imgFigure', (
caption, img, alt=caption, className, enableLazyLoading=true
) => {
const classMarkup = className ? ` class="${className}"` : "";
const figcaption = markdownLibrary.renderInline(caption);
return `<figure>
return `<figure${classMarkup}>
<img src="${img}" alt="${alt}"${enableLazyLoading ? ' loading="lazy"' : ''}>
<figcaption>${figcaption}</figcaption>
</figure>`;