flutter/dev/snippets/config/skeletons/sample.html
Greg Spencer 65d3ddd5d1
Dartdoc snippet extension to inject full featured code snippets in to API docs. (#23281)
This creates a custom dartdoc tool that will generate snippet blocks in our API docs that allow the user to copy easily to the clipboard, and will also embed the snippet code into a template to show it in a larger context with an app.

This PR adds the snippet tool, a template, and a couple of HTML skeleton files, one for snippets that are designed to be in an application setting, and one where it simply puts a nice container around existing snippets, making them easier to copy to the clipboard.
2018-10-23 13:50:24 -07:00

21 lines
629 B
HTML

{@inject-html}
<div class="snippet-container">
<div class="snippet">
<div class="snippet-description">
{@end-inject-html}
{{description}}
{@inject-html}
</div>
<div class="copyable-container">
<button class="copy-button-overlay copy-button" title="Copy to clipboard"
onclick="copyTextToClipboard(findSiblingWithId(this, 'sample-code'));">
<i class="material-icons copy-image">assignment</i>
</button>
<pre class="language-dart" id="sample-code">
<code class="language-dart">{{code}}</code>
</pre>
</div>
</div>
</div>
{@end-inject-html}