This is an extension to render indieweb friendly posts in a variety of formats
{{#mf2tabs:html=<div class="h-entry">
<div class="e-content">
<p>A super basic note</p>
</div>
</div>}}
You must include html for the post you want to display.
By default the extension will show the html you provided, parsed mf2 JSON, example micropub JSON (just slightly simplified mf2 JSON), and the rendered html using the default wiki styles
You can add a screenshot with an example of the post with improved styles, as well as an optional title for the screenshot:
{{#mf2tabs:html=<div class="h-entry">
<div class="e-content">
<p>A super basic note</p>
</div>
</div>
|screenshot=http://example.com/screenshot.jpg
|screenshot-title=The example screenshot}}
You can hide tabs using the hide-tabs
param and adding a comma seperated list of the tabs you want to hide
Available options are html
, mf2
, micropub
and rendered
.
{{#mf2tabs:html=<div class="h-entry">
<div class="e-content">
<p>A super basic note</p>
</div>
</div>
|hide-tabs=rendered,micropub}
Since a micropub request can be different to the parsed mf2 there is the option to overwrite it with your own JSON.
Just be careful with MediaWiki formatting, as it can cause some issues...
{{#mf2tabs:html=<div class="h-entry">
<div class="e-content">
<p>A super basic note</p>
</div>
</div>
|micropub={
"type": ["h-entry"],
"properties": {
"content": ["micropub content"]
}
}
}}