Monk.UI
/
markdown.html

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Monk.UI - 百签软件（中山）有限公司</title>
    <meta charset="utf-8" />
    <link href="monk.ui.min.css" rel="stylesheet" />
    <link href="libs/editor.md-v1.5.0/css/editormd.css" rel="stylesheet" />
</head>
<body>
    <div class="monk-content-10">
        <a href="http://www.baisoft.org" class="monk-input-button turquoise" target="_blank">百签软件（中山）有限公司</a>

        <a href="index.html" class="monk-input-button emerland">Monk.UI 首页</a>

        <a href="https://github.com/MonkSoul/Monk.UI" class="monk-input-button peterRiver" target="_blank">开源地址</a>

        <a href="https://github.com/MonkSoul/Monk.UI/releases" class="monk-input-button amethyst" target="_blank">更新日志</a>
        <br />
        <br />
        <div class="monk-form-item">
            <label for="" class="monk-form-label monk-color-peterriver">Markdown 编辑器（<a href="https://pandao.github.io/editor.md/examples/full.html" target="_blank">全部功能教程</a>）</label>
            <div class="monk-form-wrap monk-form-editormd-wrap monk-full">
                <div id="monk-form-markdown"></div>
            </div>
            <div class="monk-form-tip">写点什么描述一下</div>
        </div>
    </div>
    <script src="libs/jquery-3.1.1/jquery-3.1.1.min.js"></script>
    <script src="libs/editor.md-v1.5.0/editormd.js" type="text/javascript"></script>
    <script type="text/javascript">
        var testEditor;
        $(function () {
            $.get('libs/editor.md-v1.5.0/test.md', function (md) {
                // markdown编辑器
                testEditor = editormd("monk-form-markdown", {
                    placeholder: "亲，写点什么吧，比如：百签软件（中山）有限公司",
                    width: "100%",
                    height: 740,
                    path: 'libs/editor.md-v1.5.0/lib/',
                    //theme: "default",
                    //previewTheme: "default",
                    //editorTheme: "default",
                    markdown: md,
                    codeFold: true,
                    //syncScrolling : false,
                    saveHTMLToTextarea: true,    // 保存 HTML 到 Textarea
                    searchReplace: true,
                    //watch : false,                // 关闭实时预览
                    htmlDecode: "style,script,iframe|on*",            // 开启 HTML 标签解析，为了安全性，默认不开启
                    //toolbar  : false,             //关闭工具栏
                    //previewCodeHighlight : false, // 关闭预览 HTML 的代码块高亮，默认开启
                    emoji: true,
                    taskList: true,
                    tocm: true,         // Using [TOCM]
                    tex: true,                   // 开启科学公式TeX语言支持，默认关闭
                    flowChart: true,             // 开启流程图支持，默认关闭
                    sequenceDiagram: true,       // 开启时序/序列图支持，默认关闭,
                    //dialogLockScreen : false,   // 设置弹出层对话框不锁屏，全局通用，默认为true
                    //dialogShowMask : false,     // 设置弹出层对话框显示透明遮罩层，全局通用，默认为true
                    //dialogDraggable : false,    // 设置弹出层对话框不可拖动，全局通用，默认为true
                    //dialogMaskOpacity : 0.4,    // 设置透明遮罩层的透明度，全局通用，默认值为0.1
                    //dialogMaskBgColor : "#000", // 设置透明遮罩层的背景颜色，全局通用，默认为#fff
                    imageUpload: true,
                    imageFormats: ["jpg", "jpeg", "gif", "png", "bmp", "webp"],
                    imageUploadURL: "./php/upload.php",
                    onload: function () {
                        console.log('onload', this);
                        //this.fullscreen();
                        //this.unwatch();
                        //this.watch().fullscreen();

                        //this.setMarkdown("#PHP");
                        //this.width("100%");
                        //this.height(480);
                        //this.resize("100%", 640);
                    }
                });
                // 设置图标
                editormd.emoji.path = "libs/editor.md-v1.5.0/emojis/";
                editormd.twemoji.path = "libs/editor.md-v1.5.0/twemoji/36x36/";
            });
        });
    </script>
</body>
</html>