前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >editor.md 常用参数配置和使用方法

editor.md 常用参数配置和使用方法

作者头像
acoolgiser
发布2019-04-23 15:37:57
3.6K0
发布2019-04-23 15:37:57
举报
文章被收录于专栏:acoolgiser_zhuanlanacoolgiser_zhuanlan
<script>
            var testEditor;
            $(function() {
                $.get('test.md', function(md){
                    testEditor = editormd("test-editormd", {
                        width: "90%",
                        height: 740,
                        path : '../lib/',
                        theme : "dark",
                        previewTheme : "dark",
                        editorTheme : "pastel-on-dark",
                        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);
                        }
                    });
                });
           
                testEditor.gotoLine(90);//转到第90行

                testEditor.show();//显示编辑器

                testEditor.hide();//隐藏编辑器

                alert(testEditor.getMarkdown());//获取编辑器内容(不含html)

               alert(testEditor.getHTML());//获取编辑器html内容
           
               testEditor.watch();//开启双窗口对比
                          
               testEditor.unwatch();//取消双窗口对比
                     
               testEditor.previewing();//预览效果
              
               testEditor.fullscreen();//全屏(按ESC取消)
              
               testEditor.showToolbar();//显示工具栏

               testEditor.hideToolbar();//隐藏工具栏
           
               testEditor.config({
                        tocDropdown   : true,
                        tocTitle      : "目录 Table of Contents",
               });//TOC下拉菜单
               
              testEditor.config("tocDropdown", false);//TOC默认                           });
</script>

原文链接:http://www.lmcjl.com/index/comment/detail?id=11

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019年04月16日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档