Markdown html Embedding Strapdown.js

Embedding Markdown in HTML Using Strapdown.js

Shou Arisaka
1 min read
Nov 10, 2025

A JavaScript library that allows you to use Markdown within HTML. Useful when you want to take notes in Markdown while writing HTML.

Official website:

http://strapdownjs.com/

Usage

Add <script src=โ€œhttp://strapdownjs.com/v/0.2/strapdown.jsโ€&gt;&lt;/script> to your HTML, create <xmp></xmp> tags inside the body, and write Markdown inside them.

<!DOCTYPE html>
<html lang="ja">
<head>
</head>
<body>

<xmp>
# 1
## 2

* foo
* bar

`code`
</xmp>

<script src="http://strapdownjs.com/v/0.2/strapdown.js"></script>
</body>
</html>

This will render the HTML.

Share this article

Shou Arisaka Nov 10, 2025

๐Ÿ”— Copy Links