How can I avoid having my inner javascript in a shortcode show encapsulated within <pre></code>? <script> alert... Shows as <pre><code>alert... If I add my JS inside a partial I get these: var iframe = document.getElementById(‘iframe’) Instead of: var iframe = document.getElementB…

you give us only a small part information to help you … this is my template to show panorama pictures … Compare and try to fix your template {{ define "main" }} <header> <h1><span class="dn di-l">{{ site.Title | markdownify }} </span><i class="fas fa-dragon fa-fw"></i> {{ .Page.T…

Problem occurs in shortcode, not template.

compare it to [image] Exclude shortcode content from jsonify support I’m trying to add site search using Lunr and so, generating index like this: {{ $.Scratch.Add "pagesIndex" slice }} {{ range $index, $page := where .Site.RegularPages "Type" "in" .Site.Params.mainSectio…

As @ju52 said, we’d need to see the bigger part of your code. Because, in normal cases, JS within shortcodes works as expected. So, if you can’t help us with your code, sadly, no one can help you.

Javascript in shortcode is failing. Here is my shortcodes/outils/mac-isaac.html shortcode. <div class="alert border rounded-lg mb-4 mb-lg-5" style="max-width: 800px"> <div class="row"> <div class="col-12 col-md-9"> <input type="checkbox" id="temperature" class="d-none" value="1"> …

I just blindly copy-pasted your code in my website and it seems to work. I can see some checkboxes and selecting them changes the number in a big counter. [image] djibe: Here is my outils/mac-isaac.html shortcode From what you described here, if that’s the file name of your shortcode, you’ve…

OK everyone, I figured it out. To write javascript in a shortcode: Assign your javascript to a Go variable {{ $script := let score = 0; const Text = document.getElementById('explain'); [...document.querySelectorAll('input[type=\"checkbox\"]')].forEach(function(checkbox) { ... }) }} Use bac…

That’s definitely a hacky way to get it working. But, whatever works. Cheers.

You can use / in shortcodes to organize them: Create your own shortcodes | Hugo You can organize your shortcodes in subfolders, e.g. in layouts/shortcodes/boxes . These shortcodes would then be accessible with their relative path, e.g: {{< boxes/square >}}

Inner javascripts in shortcodes shows as PRE

support

ju52 September 28, 2020, 5:04pm 4

compare it to

Topic		Replies	Views
Inner with native text in shortcode support	2	826	March 5, 2017
Nested shortcode rendering support shortcodes	18	476	October 7, 2025
Javascript in script tag in shortcode wrapped in html tags support shortcodes	2	482	April 18, 2023
{{- $inner -}} converts <script> to <pre><code>"<script></script>"</code></pre> support	3	114	September 25, 2025
Parse .Inner in shortcode support	1	433	July 14, 2021

Inner javascripts in shortcodes shows as PRE

Related topics