Implementing markdown with editor.md

< div class= "layui-container layui-fluid layui-row" >

<form th:action="@{"/info/add"}" th:method="post" class="layui-form">
    <div class="layui-form-item layui-col-lg-offset1 layui-col-lg10 layui-form-pane">
        <label class="layui-form-label"></label>
        <div class="layui-input-block">
            <input type="text" name="infoTitle" placeholder="" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item layui-col-lg-offset1 layui-col-lg10 layui-form-pane">
        <label class="layui-form-label"></label>
        <div class="layui-input-block">
            <input type="radio" name="infoType" placeholder="" class="layui-input" th:title=""
                   th:value="" checked>
            <!--<input type="radio" name="infoType" placeholder="" class="layui-input" th:title="" th:value="">-->
        </div>
    </div>
    <div class="layui-form-item layui-col-lg-offset1 layui-col-lg10 layui-form-pane">
        <!--<textarea id="editor" name="infoContent" class="layui-textarea" width="100%"></textarea>-->
        <div id="articlemd">
            <textarea class="editormd-markdown-textarea" name="content">${blog.content}</textarea>
            <!-- HTMLPOSTnamename -->
            <textarea class="editormd-html-textarea" name="html"></textarea>
        </div>
    </div>
    <div class="layui-form-item layui-col-lg-offset3 layui-col-lg4">
        <div class="layui-input-block">
            <button class="layui-btn" lay-submit lay-filter="infoAdd"></button>
            <button type="reset" class="layui-btn layui-btn-primary"></button>
        </div>
    </div>
</form>

< / div >
< div th:insert= "~ {fragment/header:: footer}" > < / div >
< / body >
< script language= "JavaScript" >

//
var testEditor;
$(function () {
    testEditor = editormd("articlemd", {
        width: "100%",
        height: 740,
        path: "/stu/lib/",
        theme: "dark",
        previewTheme: "dark",
        editorTheme: "pastel-on-dark",
        markdown: "",
        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 : "-sharp000", // -sharpfff
        imageUpload: true,
        imageFormats: ["jpg", "jpeg", "gif", "png", "bmp", "webp"],
        imageUploadURL: "/Center/RichTextUpload",
        onload: function () {
            //console.log("onload", this);
            //this.fullscreen();
            //this.unwatch();
            //this.watch().fullscreen();

            //this.setMarkdown("-sharpPHP");
            //this.width("100%");
            //this.height(480);
            //this.resize("100%", 640);
        }
    });
});

//
// var blogcontent = encodeURIComponent(testEditor.getMarkdown());

< / script >

what does it look like in the picture all the time?
should be the problem with path.

Html5

Mar.16,2021