在标记中自动显示预览面板！编辑

StackOverflow https://stackoverflow.com/questions/1380603

  •  21-09-2019
  •  | 
  •  

题

我正在使用 标记！ 作为 Markdown 编辑器（例子).

目前，我需要按预览按钮（绿色勾号）来显示预览面板。

我希望自动显示预览 - 我怎样才能实现这一点？

有帮助吗？

解决方案

我有这个编辑器没有经验，但

$('a[title="Preview"]').trigger('mouseup');

称为编辑器加载后，似乎你想要做什么。

其他提示

万一别人是继接受的答案和运行成问题：

$('a[title="Preview"]').trigger('mousedown');

为我工作（而“鼠标松开”没有）。也许他们改变了行为的最新版本的 markItUp！的（v1.1.7）？

马克的回答工作。为了完整起见，这里是我加入他的代码：

<script type="text/javascript" >
$(document).ready(function()    {
    $('#markdown').markItUp(myMarkdownSettings);
    $('a[title="Preview"]').trigger('mouseup');
});
</script>

或者你可以通过盗号的一点做到这一点： 在源文件中添加

autoShowPreview：假，

如在选项对象的场 所以它看起来像：

options = { id:                     '',
                nameSpace:              '',
                root:                   '',
                previewHandler:         false,
                previewInWindow:        '', // 'width=800, height=600, resizable=yes, scrollbars=yes'
                previewInElement:       '',
                previewAutoRefresh:     true,
                autoShowPreview :       true,  //custom option here : 
                previewPosition:        'after',
                previewTemplatePath:    '~/templates/preview.html',
                previewParser:          false,
                previewParserPath:      '',
                previewParserVar:       'data',
                resizeHandle:           true,
                beforeInsert:           '',
                afterInsert:            '',
                onEnter:                {},
                onShiftEnter:           {},
                onCtrlEnter:            {},
                onTab:                  {},
                markupSet:          [   { /* set */ } ]
            };

然后邻近围绕线610的文档的末尾有呼叫到init（）;功能。 你可以改变它是这样的：

init();
if(options.autoShowPreview){
     preview();
     refreshPreview();
}

您可以随时关闭它，如果不是在初始化时修改我们的自定义道具需要的。

不隶属于 StackOverflow
scroll top