master

分支 (1)

标签 (2)

管理

管理

master

2.0.0

1.0.1

netnrmd
/
index.html

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

    <title>NetnrMD编辑器</title>

    <meta name="keywords" content="netnr,NET牛人,markdown,NetnrMD,NetnrMD编辑器" />
    <meta name="description" content="NetnrMD编辑器（jQuery + Monaco Editor 编辑器 + Marked 解析 + DOMPurify 清洗 + highlight 代码高亮）" />

</head>
<body>
    <div>
        <div id="editor">Loading ...</div>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/min/vs/loader.js"></script>

    <link href="src/netnrmd.css" rel="stylesheet" />
    <script src="src/netnrmd.js?20201010"></script>
    <script src="src/netnrmd.extend.js?20201010"></script>

    <script>
        require.config({
            paths: {
                vs: "https://cdn.jsdelivr.net/npm/[email protected]/min/vs"
            },
            'vs/nls': { availableLanguages: { '*': 'zh-cn' } },
            mdrely: [
                'https://cdn.jsdelivr.net/npm/[email protected]/lib/marked.min',
                'https://cdn.jsdelivr.net/npm/[email protected]/dist/purify.min',
                'https://cdn.jsdelivr.net/npm/[email protected]/lib/highlight.min',
                'vs/editor/editor.main'
            ]
        });

        require(require.getConfig().mdrely, function (m, p, h) {
            window.marked = m;
            window.DOMPurify = p;
            window.hljs = h;

            //初始化
            window.nmd = new netnrmd('#editor', {
                //加载扩展功能（可选）

                //渲染前回调
                viewbefore: function () {
                    this.items.splice(14, 0, netnrmd.extend.upload.button);
                    this.items.splice(15, 0, netnrmd.extend.import.button);
                    this.items.splice(17, 0, netnrmd.extend.about.button);
                    this.items.splice(0, 0, netnrmd.extend.emoji.button);
                },
                //命令回调
                cmdcallback: function (cmd) {
                    switch (cmd) {
                        case "about":
                        case "emoji":
                        case "upload":
                        case "import":
                            netnrmd.extend[cmd].action(this)
                            break;
                    }
                }
            });

            //加载默认值
            var lsmd = localStorage.getItem("netnrmd_markdown");
            if (!(lsmd && lsmd.trim() != "")) {
                $.get('README_zh-CN.md', null, function (res) {
                    nmd.setmd(res);
                })
            }

            //高度沉底
            $(window).on('load resize', function () {
                var vh = $(window).height() - nmd.obj.container.offset().top - 10;
                nmd.height(Math.max(100, vh));
            })
        });
    </script>
</body>
</html>