Skip to content

sixertoy/docsify-view-source

Repository files navigation

Docsify View Source Plugin

On click toggle code source with Docsify

Installation

<head>
  <link rel="stylesheet" href="//unpkg.com/docsify-view-source/styles.css" />
</head>
<body>
  ...
  <script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
  <script src="//unpkg.com/docsify-view-source/index.js"></script>
</body>

Usage

Inside your documentation instead of backtick char use an HTML element with the .docsify-example css class

<pre class="docsify-example">
  <p class="text-center">Lorem ipsum</p>
</pre>