markdown编辑器的使用

markdown编辑器的下载和使用

记得选排名前几的

<section id="global">
    <div style=" min-height: 700px;" class="container-fluid cm-container-white">
        <div id="test-editormd">
            <textarea style="display: none;" name="" id="" cols="30" rows="10"></textarea>
        </div>
        <script src="md/js/editormd.min.js"></script>
        <script>
            var testEditor;

            $(function () {
                testEditor = editormd("test-editormd", {
                    width: "90%",
                    height: 640,
                    syncScrolling: "single",
                    path: "md/lib/",
                    imageUpload: true,
                    imageFormats: ["jpg", "jpeg", "gif", "png", "bmp", "webp"],
                    imageUploadURL: "/file",
                    //这个配置在simple.html中并没有，但是为了能够提交表单，使用这个配置可以让构造出来的HTML代码直接在第二个隐藏的textarea域中，方便post提交表单。
                    saveHTMLToTextarea: true
                    // previewTheme : "dark"
                });
            });

        </script>


</div>
</section>

注意点

因为这个样式库必须是依赖 jQuery 的，所以要在 script 引入 md的 js之前，把 jQuery 脚本引入，不然就会报错