目前,我需要按下预览按钮(绿色勾号)来显示预览面板。
我希望自动显示预览 - 我该如何实现?
我对这个编辑器没有经验,但是
$('a[title="Preview"]').trigger('mouseup');
在编辑器加载后调用似乎做你想做的事。
以防万一其他人遵循公认的答案并遇到问题:
$('a[title="Preview"]').trigger('mousedown');
为我工作(而'mouseup'没有)。也许他们在最新版本的markItUp 中改变了行为!(v1.1.7)?
马克的回答奏效了。为了完整起见,这里是我添加他的代码的地方:
<script type="text/javascript" >
$(document).ready(function() {
$('#markdown').markItUp(myMarkdownSettings);
$('a[title="Preview"]').trigger('mouseup');
});
</script>
或者你可以通过修改它来做到这一点:在源文件中添加
自动显示预览:假,
作为选项对象中的一个字段,它看起来像:
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();
}
如果不需要,您可以随时通过在初始化时修改我们的自定义属性来禁用它。