By default, functionality is hooked to the data-xrayhtml
attribute.
Bolting the data-xrayhtml
attribute on without a value will give you inline code snippets, like so:
Setting “flip” as the value of the data-xrayhtml
attribute will give you this snazzy flip-to-reveal animation (browsers without support for 3D tranforms will simply show/hide the code snippet).
The plugin fires off a create.xrayhtml
event that can be used to attach features like a “copy to clipboard” option (using ZeroClipboard, here) or syntax highlighting (using Prism.js here).