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

我正在使用降价! 作为降价编辑器( 例子 )。

目前,我需要按预览按钮(绿色勾号)来显示预览面板。

我希望自动显示预览 – 我该如何实现?

我对这个编辑没有经验但是

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

在编辑器加载后调用似乎做你想要的。

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

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

为我工作(虽然’mouseup’没有)。 也许他们改变了最新版本的markItUp中的行为 (v1.1.7)?

马克的答案奏效了。 为了完整起见,我在这里添加了他的代码:

  

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

autoShowPreview:false,

作为选项对象中的一个字段,所以它看起来像:

 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()的调用; function。 您可以像这样更改它:

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

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

本文介绍了在这种情况下如何通过标题(’预览’)进行选择。 然后,您可以选择带有标题预览的锚标记(’a’),然后单击它。

祝你好运,