2019-09-03 23:09:27 +08:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "utf-8" / >
2020-06-28 07:58:55 +08:00
< link rel = "icon" href = "assets/favicon.png" / >
2019-09-03 23:09:27 +08:00
< title > Download Button ▲ Prism plugins< / title >
< base href = "../.." / >
2020-06-28 07:58:55 +08:00
< link rel = "stylesheet" href = "assets/style.css" / >
2019-09-03 23:09:27 +08:00
< link rel = "stylesheet" href = "themes/prism.css" data-noprefix / >
< link rel = "stylesheet" href = "plugins/toolbar/prism-toolbar.css" data-noprefix / >
2021-05-01 20:57:39 +08:00
< script src = "assets/vendor/prefixfree.min.js" > < / script >
2019-09-03 23:09:27 +08:00
< script > var _gaq = [ [ '_setAccount' , 'UA-33746269-1' ] , [ '_trackPageview' ] ] ; < / script >
< script src = "https://www.google-analytics.com/ga.js" async > < / script >
< / head >
< body >
2019-10-01 01:43:33 +08:00
< header data-plugin-header = "download-button" > < / header >
2019-09-03 23:09:27 +08:00
< section class = "language-markup" >
< h1 > How to use< / h1 >
< p > Use the < code > data-src< / code > and < code > data-download-link< / code > attribute on a < code > < pre>< / code > elements similar to < a href = "plugins/autoloader/" > Autoloader< / a > , like so:< / p >
< pre > < code > < pre data-src="myfile.js" data-download-link>< /pre>< / code > < / pre >
< p > Optionally, the text of the button can also be customized by using a < code > data-download-link-label< / code > attribute.< / p >
< pre > < code > < pre data-src="myfile.js" data-download-link data-download-link-label="Download this file">< /pre>< / code > < / pre >
< / section >
< section >
< h1 > Examples< / h1 >
< p > The plugin’ s JS code:< / p >
< pre data-src = "plugins/download-button/prism-download-button.js" data-download-link data-download-link-label = "Download the code!" > < / pre >
< p > This page:< / p >
< pre data-src = "plugins/file-highlight/index.html" data-download-link > < / pre >
< / section >
2020-06-28 07:58:55 +08:00
< footer data-src = "assets/templates/footer.html" data-type = "text/html" > < / footer >
2019-09-03 23:09:27 +08:00
< script src = "prism.js" > < / script >
< script src = "plugins/toolbar/prism-toolbar.js" > < / script >
< script src = "plugins/download-button/prism-download-button.js" > < / script >
2021-05-01 20:57:39 +08:00
< script src = "assets/vendor/utopia.js" > < / script >
2019-09-03 23:09:27 +08:00
< script src = "components.js" > < / script >
2020-06-28 07:58:55 +08:00
< script src = "assets/code.js" > < / script >
2019-09-03 23:09:27 +08:00
< / body >
< / html >