我使用markitup!作爲降價編輯器(example)。在markitup中自動顯示預覽面板!編輯器
目前,我需要按預覽按鈕(綠色勾號)來顯示預覽面板。
我想要預覽自動顯示 - 我該如何實現這一目標?
我使用markitup!作爲降價編輯器(example)。在markitup中自動顯示預覽面板!編輯器
目前,我需要按預覽按鈕(綠色勾號)來顯示預覽面板。
我想要預覽自動顯示 - 我該如何實現這一目標?
我有這個編輯器沒有經驗,但
$('a[title="Preview"]').trigger('mouseup');
編輯器加載後叫似乎做你想要什麼。
Mark's answer工作。爲了完整起見,這裏就是我加了他的代碼:
<script type="text/javascript" >
$(document).ready(function() {
$('#markdown').markItUp(myMarkdownSettings);
$('a[title="Preview"]').trigger('mouseup');
});
</script>
萬一別人是繼接受的答案,並運行到問題:
$('a[title="Preview"]').trigger('mousedown');
工作對我來說(在「鼠標鬆開」沒有)。也許他們改變了最新版本markItUp的行爲!(v1.1.7)?
+1爲我工作,但只有當我添加一個'新的'喜歡看到每個關鍵條目的更新。必須研究如何完成。 – Jakub 2011-04-03 04:18:55
有趣的是'trigger('mousedown')'對我不起作用,但'trigger('mouseup')'做到了。 markitup文件的版本爲「v 1.1.x」 – 2014-03-24 12:00:53
或者你可以通過盜號的一點做到這一點:在源文件中 添加
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()的調用;功能。 你可以這樣改變它:
你總是可以禁用它,如果不是在初始化時修改我們的自定義道具需要。
+1非常感謝! – 2009-11-23 02:34:32