Strapdown.js makes it embarrassingly simple to create elegant Markdown documents. No server-side compilation required.
For more, please see:
Tip: The original Strapdown.js is a Bootstrap 2 themes
Oops! This is a forked project. The original README.md can be found here:
README.original.md\
However, currently strapdown.js
doesn't seem to work.
See original project if needed:
https://github.com/arturadib/strapdown
The domain strapdownjs.com
used in the original version does not seem to work anymore.\
Therefore this tag does not currently work:
<script src="http://strapdownjs.com/v/0.2/strapdown.js"></script>
If you want to keep the original version you can use it via jsDelivr:
<script src="https://cdn.jsdelivr.net/gh/arturadib/strapdown@gh-pages/v/0.2/strapdown.min.js"></script>
I split the branch according to the version of Bootstrap themes
Themes | Version | Source branch |
---|---|---|
Bootstrap 5 | v0.5 | main |
Bootstrap 4 | v0.4 | bootstrap4 |
Bootstrap 3 | v0.3 | bootstrap3 |
Bootstrap 2 | v0.2 | bootstrap2 |
The main changes from the original are:
60px
to 90px
(Consideration of Lux theme, v0.4 and v0.5)nav
class in strapdown.js
viewport
of strapdown.js
Bootstrap 3 is effectively this fork. Great job, @bhhaskin !:
Bootstrap 4 has major changes to the CSS specification. I needed to add strapdown.css for this.
There was a large space above the text. This had to be changed, especially as a consideration for the Lux theme.
The following is considered in Strapdown.js v0.4 and v0.5 (To have the same design as v0.2 and v0.3). This is necessary because it inherits the style of Google Code Prettify:
<pre><code>
<code>
The following is not taken into consideration. You can apply Custom CSS if necessary.
<blockquote>
(Changed it to use class="blockquote"
)You can change the color of the navbar after Bootstrap3. I made it possible to specify this with navbar
.
The types of navbar color are primary
, dark
and light
. Default is primary
:
<textarea theme="yeti" navbar="light">
If navbar has a value, it works inverse:
<textarea theme="yeti" navbar="inverse">
Now we can apply the CDN using jsDelivr. I have prepared different projects for the CDN:
https://github.com/fu-sen/strapdown.js
The build in this project inherits the original:
You will need Node.js (>0.6.x) and CoffeeScript to generate the bundles. To bundle/compile the assets, issue in the project directory:
$ npm install $ coffee bundle <version_number>
<code>
conversion. You can also select and use highlight.js etc.日本語: https://mit.balloon.net.eu.org/
Excludes vendor/
and themes. These are licensed separately.