TheCloud/hugoDocs
1
0
Fork 0
mirror of https://github.com/gohugoio/hugoDocs.git synced 2025-09-13 13:54:39 -04:00
Code Issues Packages Projects Releases Wiki Activity

Fix shortcode name in example: image -> img

Browse Source 
Fixes https://github.com/gohugoio/hugoDocs/issues/126.
This commit is contained in:
Kaushal Modi 2018-03-16 14:36:29 -04:00
parent 2511423881
commit 3bc56e9ecc
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
content/templates/shortcode-templates.md
View File

@ -301,9 +301,9 @@ The following example is contrived but demonstrates the concept. Assume you have
</div> </div>
{{< /code >}} {{< /code >}}
You also have an `image` shortcode with a single named `src` parameter that you want to call inside of `gallery` and other shortcodes so that the parent defines the context of each `image`: You also have an `img` shortcode with a single named `src` parameter that you want to call inside of `gallery` and other shortcodes, so that the parent defines the context of each `img`:
{{< code file="layouts/shortcodes/image.html" >}} {{< code file="layouts/shortcodes/img.html" >}}
{{- $src := .Get "src" -}} {{- $src := .Get "src" -}}
{{- with .Parent -}} {{- with .Parent -}}
<img src="{{$src}}" class="{{.Get "class"}}-image"> <img src="{{$src}}" class="{{.Get "class"}}-image">
@ -322,7 +322,7 @@ You can then call your shortcode in your content as follows:
{{</* img src="/images/three.jpg" */>}} {{</* img src="/images/three.jpg" */>}}
``` ```
This will output the following HTML. Note how the first two `image` shortcodes inherit the `class` value of `content-gallery` set with the call to the parent `gallery`, whereas the third `image` only uses `src`: This will output the following HTML. Note how the first two `img` shortcodes inherit the `class` value of `content-gallery` set with the call to the parent `gallery`, whereas the third `img` only uses `src`:
``` ```
<div class="content-gallery"> <div class="content-gallery">