当前位置: 移动技术网 > IT编程>开发语言>JavaScript > MarkDown富文本编辑器怎么加载模板文件

MarkDown富文本编辑器怎么加载模板文件

2019年11月04日  | 移动技术网IT编程  | 我要评论

我们只需要一段加载代码就可以搞定markdown加载模板文件。

$("#md-demo").bind('click', function () {
        $.get("/lib/markdown/examples/test.md", function (md) {
            testeditor = editormd("test-editormd", {
                width: "99%",
                height: 740,
                path: "/lib/markdown/lib/",
                appendmarkdown: "\n" + md,
                savehtmltotextarea: true,
                watch: false,
                htmldecode: true,
                toolbar: false,
                previewcodehighlight: false,
                tex: true,
                flowchart: true,
                sequencediagram: true,
                emoji: true,
                tasklist: true,
                onload: function () {
                    console.log('onload', this);

                    this.config("linenumbers", false);

                    this.config({
                        toc: false,
                        tex: false,
                        toolbar: true,
                        previewcodehighlight: true,
                        flowchart: false,
                        sequencediagram: false,
                        dialoglockscreen: false,
                        dialogmaskopacity: 0.5,       // 设置透明遮罩层的透明度,全局通用,默认值为0.1
                        dialogdraggable: false,
                        dialogmaskbgcolor: "#000"
                    });

                    this.config("onresize", function () {
                        console.log("onresize =>", this);
                    });

                    this.watch();
                }
            });
        });
    });

 

相关推荐:

 

1.在asp.net或.net core中配置使用markdown富文本编辑器有开源模板代码(代码是.net core3.0版本)

 

2.在asp.net core中配置使用markdown富文本编辑器实现图片上传和截图上传(开源代码.net core3.0)

 

 

开源地址 动动小手,点个推荐吧!

注意:我们机遇屋该项目将长期为大家提供asp.net core各种好用demo,旨在帮助.net开发者提升竞争力和开发速度,建议尽早收藏该模板集合项目

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网