rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00
Code Issues Actions Packages Releases Activity

Fix placeholder image replacement.

Browse Source
This commit is contained in:
m5o 2018-11-14 15:10:23 +02:00 committed by XhmikosR
parent 2ac3db8384
commit 6163533d84
1 changed files with 22 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
site/_includes/example.html
View File

@ -18,15 +18,32 @@ optional: hide_markup - disabled (default)
{%- if include.hide_markup == null -%}
{%- highlight html -%}
{%- if include.content contains 'data-src="holder.js' -%}
{%- if include.content contains '<svg class="bd-placeholder-img' -%}
{%- assign modified_content = include.content
| replace: 'data-src="holder.js', 'src="✂️holder.js'
| replace: '" ', '✂️" '
| replace: '<svg class="bd-placeholder-img', '✂️<svg class="bd-placeholder-img'
| replace: '</svg>', '</svg>✂️'
| split: '✂️' -%}
{%- if include.content contains 'bd-placeholder-img ' -%}
{%- assign image_class = include.content
| replace_first: 'bd-placeholder-img', 'bd-placeholder-img ✂️'
| replace: '" width="', '✂️" width="'
| split: '✂️' -%}
{%- assign image_class = image_class[1] | replace: 'bd-placeholder-img-lg', '' | strip -%}
{%- endif -%}
{%- assign image_alt = include.content
| replace: '<title>', '<title>✂️'
| replace: '</title>', '✂️</title>'
| split: '✂️' -%}
{%- assign image_alt = image_alt[1] -%}
{%- for content_chunk in modified_content -%}
{%- if content_chunk contains 'holder.js' -%}
{{- "..." -}}
{%- if content_chunk contains '<svg class="bd-placeholder-img' -%}
{%- capture img_placeholder -%}
<img src="..." {% if image_class %}class="{{ image_class }}" {% endif %}alt="{{ image_alt }}">
{%- endcapture -%}
{{- img_placeholder -}}
{%- else -%}
{{- content_chunk -}}
{%- endif -%}