用marked预览markdown文档

创建src/index.html:

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <textarea id="md" cols="50", rows="20"></textarea>
    <div id="preview"></div>
    <script type="module" src="./index.js"></script>
</body>

</html>

创建src/index.js

import { marked } from 'marked';

function preview() {
    const md = document.getElementById("md").value;
    const html = marked.parse(md);
    document.getElementById("preview").innerHTML = html;
}

document.getElementById("md").onchange = preview;

创建justfile

build:
    parcel build src/index.html --no-source-maps --public-url ./

构建:

just

预览：

python -m http.server 9090
posted @ 2024-07-20 16:41  卓能文  阅读(152)  评论(0)    收藏  举报