🐛 kirbytag with ratio does work again. thanks @colin-johnston

closes #21

Signed-off-by: Bruno Meilick <[email protected]>

composer.json

@@ -1,7 +1,7 @@
 {
   "name": "bnomei/kirby3-srcset",
   "type": "kirby-plugin",
-  "version": "3.3.2",
+  "version": "3.3.3",
   "license": "MIT",
   "description": "Kirby 3 Plugin for creating lazyloading image srcset",
   "authors": [
@@ -25,7 +25,9 @@
     "img",
     "lazyload",
     "kirbytag",
-    "editor-block"
+    "editor-block",
+    "component",
+    "markdown"
   ],
   "autoload": {
     "psr-4": {

index.php

@@ -49,14 +49,42 @@
                 \Bnomei\Srcset::kirbytagAttrs()
             ),
             'html' => function ($tag) {
-                if ($tag === null) {
+                if ($tag === null || $tag->parent()->file($tag->value) === null) {
                     return \Kirby\Cms\Html::img('', ['alt' => 'lazysrcset can not create srcset from null']);
                 }
                 $srcsetTag = new \Bnomei\Srcset($tag);
                 return $srcsetTag->html();
             },
         ],
     ],
+    'components' => [
+        'markdown' => function (Kirby $kirby, string $text = null, array $options = [], bool $inline = false) {
+            static $markdown;
+            static $config;
+
+            // if the config options have changed or the component is called for the first time,
+            // (re-)initialize the parser object
+            if ($config !== $options) {
+                $markdown = new \Kirby\Text\Markdown($options);
+                $config   = $options;
+            }
+
+            $srcsetPluginWithRatio = \Kirby\Toolkit\Str::startsWith($text, '<style>.lazysrcset-ratio[data-ratio');
+            if ($srcsetPluginWithRatio) {
+                $text = '<srcsetplugin>' . $text . '</srcsetplugin>';
+            }
+
+            $text = $markdown->parse($text, $inline);
+
+            if ($srcsetPluginWithRatio) {
+                $text = preg_replace_callback('/<\/?srcsetplugin>/', function () {
+                    return '';
+                }, $text);
+            }
+
+            return $text;
+        }
+    ],
     'api' => [
         'routes' => [
             [

readme.md

@@ -17,6 +17,7 @@ This plugin extends the core `(image: )`-Kirbytag. All params that work for `(im
 - `data-sizes="auto"` attribute
 - `data-thumb-srcset` attribute printing the srcset array as json (only when debugging)
 - `data-ratio` attribute with ratio of the image to parent of `img` element
+- It registers a custom markdown component since needs to wrap and unwrap the markdown. 
 
 ## TOC