Kodvisare
1. Readonly kodvisare
<![CDATA[
<nav class="c-breadcrumb">
<ul>
<li><a href="*">Första nivå</a></li>
<li><a href="*">Andra nivå</a></li>
<li><a href="#">Tredje nivå</a></li>
<li>Fjärde nivå</li>
</ul>
</nav>
]]>
Syntax: <xmp data-showhtml="show-readonly-html-js">kod </xmp>
2. Kodvisare som inte kopileras HTML
<![CDATA[
<div class="c-file-upload" rel="c-file-upload-js">
<label id="fileUpload_description" class="c-file-upload_title">Bifoga en fil</label>
<div class="upload-area">
<input class="upload-area__input" aria-describedby="fileUpload_description" type="file" name="files"
id="fileUpload">
<label for="fileUpload" class="upload-area__label">
<span class="sjv-i-ladda-upp-fil"></span>
<span class="upload-area__dragndrop"><b> Välj en fil </b> eller dra hit filen </span>
</label>
</div>
</div>
]]>
Syntax: <xmp data-showhtml="show-html-js" data-hideComponent="true" >kod </xmp>
Attribute: Använd attribute data-hideComponent="true" om du vill bara visa kod men * inte kompilera
kod. kod behövs också vara wrapped med xmp tag.
3. Kodvisare
Syntax: <span data-showhtml="show-html-js">kod </span>
