From 3bad8d155d5a9fd841fe21f46bbbaa218626b58a Mon Sep 17 00:00:00 2001 From: Louis-Maxime Piton Date: Wed, 6 Mar 2024 16:51:43 +0100 Subject: [PATCH] Add a way to skip or change things inside examples --- .../content/docs/5.3/components/list-group.md | 43 +++++++++++++++++++ site/layouts/shortcodes/example.html | 31 ++++++------- 2 files changed, 59 insertions(+), 15 deletions(-) diff --git a/site/content/docs/5.3/components/list-group.md b/site/content/docs/5.3/components/list-group.md index 7f7e1457c0..a159a9141d 100644 --- a/site/content/docs/5.3/components/list-group.md +++ b/site/content/docs/5.3/components/list-group.md @@ -333,6 +333,49 @@ Loop that generates the modifier classes with an overriding of CSS variables. Use the tab JavaScript plugin—include it individually or through the compiled `bootstrap.js` file—to extend our list group to create tabbable panes of local content. +{{< example >}} +
+
+ +
+
+
+
+ {{ rendering }} +

Some placeholder content in a paragraph relating to "Home". And some more content, used here just to pad out and fill this tab panel. In production, you would obviously have more real content here. And not just text. It could be anything, really. Text, images, forms.

+ {{ end }} + {{ code }}...{{ end }} +
+
+ {{ rendering }} +

Some placeholder content in a paragraph relating to "Profile". And some more content, used here just to pad out and fill this tab panel. In production, you would obviously have more real content here. And not just text. It could be anything, really. Text, images, forms.

+ {{ end }} + {{ code }} +

Lorem ipsum

+ {{ end }} +
+
+ {{ rendering }} +

Some placeholder content in a paragraph relating to "Messages". And some more content, used here just to pad out and fill this tab panel. In production, you would obviously have more real content here. And not just text. It could be anything, really. Text, images, forms.

+ {{ end }} + {{ code }}{{ end }} +
+
+ {{ rendering }} +

Some placeholder content in a paragraph relating to "Settings". And some more content, used here just to pad out and fill this tab panel. In production, you would obviously have more real content here. And not just text. It could be anything, really. Text, images, forms.

+ {{ end }} + {{ code }}...{{ end }} +
+
+
+
+{{< /example >}} +
diff --git a/site/layouts/shortcodes/example.html b/site/layouts/shortcodes/example.html index 5b398e6814..450219af12 100644 --- a/site/layouts/shortcodes/example.html +++ b/site/layouts/shortcodes/example.html @@ -22,28 +22,29 @@
{{- if eq $show_preview true }} - {{ $content }} + {{ replaceRE `(?U){{-?\s*rendering\s*-?}}([\s\S]*){{-?\s*end\s*-?}}` "$1" (replaceRE `(?U){{-?\s*code\s*-?}}(?:[\s\S]*){{-?\s*end\s*-?}}` "" $content) | safeHTML }}
{{- end }} - {{- if eq $show_markup true -}} - {{- if eq $show_preview true -}} -
- {{ $lang }} -
- - -
-
- {{- end -}} +
+ {{ $lang }} +
+ {{- if eq $show_preview true -}} + + {{- end -}} + +
+
+ {{- if eq $show_markup true -}} {{- $content = replaceRE `` `...` $content -}} {{- $content = replaceRE `` `...` $content -}} {{- $content = replaceRE ` (class=" *?")` "" $content -}} + {{- $content = replaceRE `(?U)(?:\s*){{-?\s*code\s*-?}}([\s\S]*){{-?\s*end\s*-?}}(?:\s*)(\S)` "$1$2" (replaceRE `(?U)(?:\s*){{-?\s*rendering\s*-?}}(?:[\s\S]*){{-?\s*end\s*-?}}(?: *)\n` "" $content) -}} {{- highlight (trim $content "\n") $lang "" -}} {{- end }}