Skip to content

docs: browser example for marked on page data #3864

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
UziTech merged 5 commits into from
Dec 25, 2025
+45 −0
Merged

docs: browser example for marked on page data #3864

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
4aac6a6
docs: browser example for marked on page data
jhauga Dec 18, 2025
f51ebbd
Apply suggestions from code review
jhauga Dec 18, 2025
353e7aa
docs: browser example to USING_ADVANCED.md
jhauga Dec 24, 2025
0ef115a
Update docs/USING_ADVANCED.md
jhauga Dec 25, 2025
634822b
docs: update menu, close user ex details
jhauga Dec 25, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
35 changes: 35 additions & 0 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -91,6 +91,41 @@ $ marked --help
</body>
</html>
```
<details>

<summary>Render Full Page as Markdown</summary>

```html
<!DOCTYPE html>
<html>
<head>
<!-- Suggested stylesheet -->
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/5.8.1/github-markdown.min.css"
crossorigin="anonymous" referrerpolicy="no-referrer" />

<title>Marked for the full page</title>
</head>

<body>
<div id="markdown" class="markdown-body">
# Title

Lots of text using **markdown syntax.**
</div>

<script src="https://cdn.jsdelivr.net/npm/marked/lib/marked.umd.js"></script>
<script>
const md = document.getElementById("markdown");

// Parse the markdown formatted data, output as HTML, and render as if markdown.
md.innerHTML = marked.parse(md.textContent);
</script>
</body>
</html>
```
</details>

or import esm module

```html
Expand Down
36 changes: 36 additions & 0 deletions docs/INDEX.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -117,6 +117,42 @@ $ marked -s 'line1\nline2' -c config.json
</body>
</html>
```

<details>

<summary>Render Full Page as Markdown</summary>

```html
<!DOCTYPE html>
<html>
<head>
<!-- Suggested stylesheet -->
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/5.8.1/github-markdown.min.css"
crossorigin="anonymous" referrerpolicy="no-referrer" />

<title>Marked for the full page</title>
</head>

<body>
<div id="markdown" class="markdown-body">
# Title

Lots of text using **markdown syntax.**
</div>

<script src="https://cdn.jsdelivr.net/npm/marked/lib/marked.umd.js"></script>
<script>
const md = document.getElementById("markdown");

// Parse the markdown formatted data, output as HTML, and render as if markdown.
md.innerHTML = marked.parse(md.textContent);
</script>
</body>
</html>
```
</details>

or import esm module

```html
Expand Down