The parser will strip existing html and use a line by line evaluation of the contents to submit to tapped out for proper formatting.
I'd like to thank <span class="mtgcard">Phyrexian Dreadnought</span> for existing. But really <span class="mtgcard">Serra Angel [M10]</span> is my jam.
The widget will turn the simple text into a link with image popover if it can find the card.
Elements with the class deck-list will be evaluated, parsed and built out.
<div class="deck-list"> 1x Card Name 99 Card Name 2 Ignored line 9999x Card Name 3 Sideboard|sideboard|Sideboard: 2x </div>
Numbers in a explicit block can be followed optionally by ‘x’. The word sideboard on its own line designates the following items are sideboard items. Lines starting with neither a number nor sideboard are ignored and removed in the final rendering.
Additionally, if you want to show off a deck you created on tapped out, you can do the following:
<div class="deck-list" data-stub="theres-a-sliver-for-that"> </div>
Where the data-stub attributes contains your deck’s stub.
The widget will search for blockquote tags on your page. If it finds one and the block contains a line that begins with a number followed by x, it will attempt to parse the content just like the explicit use.
<blockquote> 12x Serra Angel </blockquote>
This will not parse:
<blockquote> 12 Serra Angel </blockquote>