在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’),然后单击它。
祝你好运,
担