39 lines
1.2 KiB
HTML
39 lines
1.2 KiB
HTML
{%- comment -%}
|
||
Usage: {% include example.html content=markup %},
|
||
where content is a capture with the HTML content
|
||
id - null (default)
|
||
class - "bd-example" (default)
|
||
optional: hide_preview - disabled (default)
|
||
optional: hide_markup - disabled (default)
|
||
{%- endcomment -%}
|
||
|
||
{%- assign preview_id = include.id -%}
|
||
{%- assign preview_class = include.class -%}
|
||
|
||
{%- if include.hide_preview == null -%}
|
||
<div{% if preview_id %} id="{{ preview_id }}"{% endif %} class="bd-example{% if preview_class %} {{ preview_class }}{% endif %}">
|
||
{{- include.content -}}
|
||
</div>
|
||
{%- endif -%}
|
||
|
||
{%- if include.hide_markup == null -%}
|
||
{%- highlight html -%}
|
||
{%- if include.content contains 'data-src="holder.js' -%}
|
||
{%- assign modified_content = include.content
|
||
| replace: 'data-src="holder.js', 'src="✂️holder.js'
|
||
| replace: '" ', '✂️" '
|
||
| split: '✂️' -%}
|
||
|
||
{%- for content_chunk in modified_content -%}
|
||
{%- if content_chunk contains 'holder.js' -%}
|
||
{{- "..." -}}
|
||
{%- else -%}
|
||
{{- content_chunk -}}
|
||
{%- endif -%}
|
||
{%- endfor -%}
|
||
{%- else -%}
|
||
{{- include.content -}}
|
||
{%- endif -%}
|
||
{%- endhighlight -%}
|
||
{%- endif -%}
|