Mecha CMS

Mecha CMS blog and documentation.

Useful Shortcodes

Updated: Sunday, 07 August 2016

Some useful shortcodes, recommended to be added.

The data ordering position in the table cell on each table is important. Put each data in the same ordering.

KeyValue
{{button.%s url:%s text:%s icon:%s}}[<i class="fa fa-$4"></i> $3]($2) {.btn.btn-$1}
{{button.%s url:%s text:%s}}[$3]($2) {.btn.btn-$1}
{{button url:%s text:%s icon:%s}}[<i class="fa fa-$3"></i> $2]($1) {.btn.btn-default}
{{button url:%s text:%s}}[$2]($1) {.btn.btn-default}

Example usage:

{{button.construct url:http://www.example.com text:A Button icon:check-circle}}
{{button.construct url:http://www.example.com text:A Button}}

{{button url:http://www.example.com text:A Button icon:pencil}}
{{button url:http://www.example.com text:A Button}}

GitHub Gist Embed

KeyValue
{{github.gist key:%s}}<script src="https://gist.github.com/$1.js"></script>

Example usage:

{{github.gist key:db723da29e69065a1130}}

JSFiddle Embed

KeyValue
{{jsfiddle.embed key:%s tabs:%s}}<iframe class="p" style="display:block;width:100%;height:300px;" src="http://jsfiddle.net/$1/embedded/$2"></iframe>
{{jsfiddle.embed key:%s}}<iframe class="p" style="display:block;width:100%;height:300px;" src="http://jsfiddle.net/$1/embedded"></iframe>

Example usage:

{{jsfiddle.embed key:L5ktvdwu tabs:html,css}}
{{jsfiddle.embed key:user/L5ktvdwu tabs:html,css}}
{{jsfiddle.embed key:user/L5ktvdwu/2 tabs:html,css}}

{{jsfiddle.embed key:L5ktvdwu}}
{{jsfiddle.embed key:user/L5ktvdwu}}
{{jsfiddle.embed key:user/L5ktvdwu/2}}

JSBin Embed

Keyvalue
{{jsbin.embed key:%s tabs:%s}}<iframe class="p" style="display:block;width:100%;height:300px;" src="http://jsbin.com/$1/embed?$2"></iframe>
{{jsbin.embed key:%s}}<iframe class="p" style="display:block;width:100%;height:300px;" src="http://jsbin.com/$1/embed?output"></iframe>

Example usage:

{{jsbin.embed key:dumala tabs:html,css}}
{{jsbin.embed key:dumala/2 tabs:html,css}}

{{jsbin.embed key:dumala}}
{{jsbin.embed key:dumala/2}}

YouTube Video Embed

KeyValue
{{youtube.embed key:%s}}<div class="fluid-video"><iframe src="//www.youtube.com/embed/$1"></iframe></div>

Example usage:

{{youtube.embed key:-joKveiaabA}}
Donation and Email Subscription