/
githubmirror
/
marked
Обзор
Документация
Войти
/
githubmirror
/
marked
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/demo/index.html
142 строки
6 KB
Tony Brix
docs: add known extension search (#3990)
11 июн 2026, 07:30
Не верифицирован
11 июн 2026, 07:30
71caeed
Код
Авторство
О чём код?
<!doctype html> <html lang="en"> <head> <title>Marked Demo</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <!-- Prevent dark mode flash by applying theme before first paint --> <script> (function () { try { var STORAGE_KEY = "theme-preference"; var LEGACY_KEY = "theme"; var stored = localStorage.getItem(STORAGE_KEY) || localStorage.getItem(LEGACY_KEY); var preference = stored === "dark" || stored === "light" || stored === "system" ? stored : "system"; var prefersDark = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches; var shouldUseDark = prefersDark; if (preference === "dark") { shouldUseDark = true; } else if (preference === "light") { shouldUseDark = false; } if (shouldUseDark) { document.documentElement.classList.add("dark"); } else { document.documentElement.classList.remove("dark"); } document.documentElement.setAttribute("data-theme-preference", preference); document.documentElement.setAttribute( "data-theme", shouldUseDark ? "dark" : "light", ); localStorage.setItem(STORAGE_KEY, preference); if (preference === "system") { localStorage.removeItem(LEGACY_KEY); } else { localStorage.setItem(LEGACY_KEY, preference); } } catch (e) {} })(); </script> <link rel="stylesheet" href="./demo.css" type="text/css" /> <link rel="stylesheet" href="../css/shared.css" type="text/css" /> <link rel="stylesheet" href="../css/style.css" type="text/css" /> <link rel="stylesheet" href="../css/hljs-github.css" type="text/css" /> <link rel="stylesheet" href="../css/hljs-github-dark.css" type="text/css" /> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" /> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" /> </head> <body> <a href="https://github.com/markedjs/marked" class="github-corner" aria-label="View source on Github"> <svg width="80" height="80" viewBox="0 0 250 250" aria-hidden="true"> <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path> <path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path> <path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path> </svg> </a> <header> <a href="../" class="logo-link"> <img src="../img/logo-black.svg" height="50px" width="50px" alt="Marked Logo" /> </a> <h1>Marked Demo</h1> <div class="other-demos"> <a href="https://spec.commonmark.org/dingus/">CommonMark Demo</a> <span class="separator">·</span> <a href="https://daringfireball.net/projects/markdown/dingus">Daring Fireball Demo</a> </div> <button id="theme-toggle" class="theme-toggle demo" data-theme-mode="system" aria-label="Switch theme"> <span class="material-icons" data-theme-icon>brightness_auto</span> <span class="text" data-theme-text>System</span> </button> </header> <div id="loading">Loading...</div> <div id="main"> <div class="containers"> <div class="container"> <div class="label"> <span>Input</span> · <a id="permalink">Permalink</a> · <span>Version: </span> <select id="markedVersion"> <option value="master"selected>master</option> </select> · <button id="clear">Clear</button> <select id="inputType"> <option value="markdown">Markdown</option> <option value="options">Options</option> </select> </div> <textarea id="markdown" class="inputPane"></textarea> <textarea id="options" class="inputPane" placeholder="Options (as JSON)"></textarea> </div> <div class="container"> <div class="label"> <select id="outputType"> <option value="preview">Preview</option> <option value="html">HTML Source</option> <option value="lexer">Lexer Data</option> <option value="quickref">Quick Reference</option> </select> · Response Time: <span id="responseTime"></span> </div> <div id="preview" class="pane"> <noscript> <h2>You'll need to enable Javascript to use this tool.</h2> </noscript> <iframe src="./preview.html" frameborder="0" sandbox="allow-same-origin allow-top-navigation-by-user-activation"></iframe> </div> <textarea id="html" class="pane" readonly="readonly"></textarea> <textarea id="lexer" class="pane" readonly="readonly"></textarea> <textarea id="quickref" class="pane" readonly="readonly"></textarea> </div> </div> </div> <script src="../js/index.js"></script> <script src="./demo.js" type="module"></script> </body> </html>