<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>JSON on Martijn's Notes</title><link>https://1552afcb.notes-6if.pages.dev/tags/json/</link><description>Recent content in JSON on Martijn's Notes</description><generator>Hugo</generator><language>nl</language><copyright>Copyright © 2016-2026 van den &lt;span class='bold-rotate'&gt;B&lt;/span&gt;oom. All Rights Reserved.</copyright><lastBuildDate>Mon, 13 Jun 2022 16:54:28 +0800</lastBuildDate><atom:link href="https://1552afcb.notes-6if.pages.dev/tags/json/index.xml" rel="self" type="application/rss+xml"/><item><title>Codeschakelaar</title><link>https://1552afcb.notes-6if.pages.dev/docs/shortcodes/code-toggle/</link><pubDate>Mon, 13 Jun 2022 16:54:28 +0800</pubDate><guid>https://1552afcb.notes-6if.pages.dev/docs/shortcodes/code-toggle/</guid><description><![CDATA[<p>De <code>code-toggle</code> shortcode genereert codeblokken van verschillende formaten volgens de configuratiecode van elk ondersteund formaat.</p>
<!--meer-->

<h2 id="formaten" data-numberify>Formaten<a class="anchor ms-1" href="#formaten"></a></h2>
<p><code>JSON</code>, <code>TOML</code> en <code>YAML</code> worden ondersteund.</p>

<h2 id="gebruik" data-numberify>Gebruik<a class="anchor ms-1" href="#gebruik"></a></h2>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="ln">1</span><span class="cl">{{&lt; code-toggle &gt;}}
</span></span><span class="line"><span class="ln">2</span><span class="cl">CODE IN ANY SUPPORTED FORMAT
</span></span><span class="line"><span class="ln">3</span><span class="cl">{{&lt;/ code-toggle &gt;}}
</span></span></code></pre></div><p>Met een bestandsnaam:</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="ln">1</span><span class="cl">{{&lt; filename=&#34;config&#34; code-toggle &gt;}}
</span></span><span class="line"><span class="ln">2</span><span class="cl">CODE IN ANY SUPPORTED FORMAT
</span></span><span class="line"><span class="ln">3</span><span class="cl">{{&lt;/ code-toggle &gt;}}
</span></span></code></pre></div>
<h2 id="voorbeeld" data-numberify>Voorbeeld<a class="anchor ms-1" href="#voorbeeld"></a></h2>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="ln">1</span><span class="cl">{{&lt; code-toggle filename=&#34;params&#34; &gt;}}
</span></span><span class="line"><span class="ln">2</span><span class="cl">{
</span></span><span class="line"><span class="ln">3</span><span class="cl">    &#34;logo&#34;: &#34;/images/logo.png&#34;,
</span></span><span class="line"><span class="ln">4</span><span class="cl">    &#34;customCSS&#34;: [&#34;foo.css&#34;, &#34;bar.css&#34;],
</span></span><span class="line"><span class="ln">5</span><span class="cl">    &#34;codeBlock&#34;: {
</span></span><span class="line"><span class="ln">6</span><span class="cl">        &#34;maxLines&#34;: 10
</span></span><span class="line"><span class="ln">7</span><span class="cl">    }
</span></span><span class="line"><span class="ln">8</span><span class="cl">}
</span></span><span class="line"><span class="ln">9</span><span class="cl">{{&lt;/ code-toggle &gt;}}
</span></span></code></pre></div><div class="code-toggle border border-secondary rounded px-2 pt-2">
    <ul class="nav nav-tabs border-secondary mb-0" role="tablist"><li class="nav-item mb-0" role="presentation">
            <button class="nav-link p-1 active" id="toml-params243985671-tab" data-bs-toggle="tab" data-bs-target="#toml-params243985671" type="button" role="tab" 
                aria-controls="home" aria-selected="true">
                TOML
            </button>
        </li><li class="nav-item mb-0" role="presentation">
            <button class="nav-link p-1" id="yaml-params243985671-tab" data-bs-toggle="tab" data-bs-target="#yaml-params243985671" type="button" role="tab" 
                aria-controls="home" aria-selected="false">
                YAML
            </button>
        </li><li class="nav-item mb-0" role="presentation">
            <button class="nav-link p-1" id="json-params243985671-tab" data-bs-toggle="tab" data-bs-target="#json-params243985671" type="button" role="tab" 
                aria-controls="home" aria-selected="false">
                JSON
            </button>
        </li></ul>
    <div class="tab-content"><div class="tab-pane fade show active" id="toml-params243985671" role="tabpanel" aria-labelledby="toml-params243985671-tab"><p class="user-select-all mt-2 mb-0 text-primary fw-bold">params.toml</p>]]></description><enclosure url="https://1552afcb.notes-6if.pages.dev/docs/shortcodes/code-toggle/featured.png" length="157833" type="image/png"/></item></channel></rss>