Question

我正在使用markitup!作为降价编辑器（example）。

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

我希望自动显示预览 - 我该如何实现？

Answer 1

我没有使用此编辑器的经验，但

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

编辑器加载后调用的

似乎可以做你想要的。

Answer 2

以防万一其他人遵循接受的答案并遇到问题：

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

为我工作（虽然'mouseup'没有）。也许他们改变了最新版 markItUp！（v1.1.7）中的行为？

Answer 3

Mark's answer工作了。为了完整起见，我在这里添加了他的代码：

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

Answer 4

或者你可以通过黑客攻击来做到这一点：在源文件中添加

autoShowPreview：false，

作为options对象中的一个字段所以它看起来像：

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();
}

如果不需要，您可以通过在初始化时修改我们的自定义道具来禁用它。

Answer 5

This article显示了在这种情况下如何通过标题（'预览'）进行选择。然后，您可以选择带有标题预览的锚标记（'a'），然后单击它。

祝你好运，

丹

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

5 个答案: