2009-09-04 11 views
8

मैं markitup! का उपयोग मार्कडाउन संपादक (example) के रूप में कर रहा हूं।मार्कअपअप में स्वचालित रूप से पूर्वावलोकन पैनल प्रदर्शित करना! संपादक

वर्तमान में, मुझे पूर्वावलोकन पैनल प्रदर्शित करने के लिए पूर्वावलोकन बटन (हरा टिक) दबाए जाने की आवश्यकता है।

मैं पूर्वावलोकन को स्वचालित रूप से प्रदर्शित करना चाहता हूं - मैं इसे कैसे प्राप्त कर सकता हूं?

उत्तर

11

मैं इस संपादक के साथ कोई अनुभव नहीं है लेकिन

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

संपादक लोड के बाद कहा जाता है कि तुम क्या चाहते हो रहा है है।

+0

+1 बहुत अच्छा काम करता है! –

0

This article दिखाता है कि इस मामले में शीर्षक ('पूर्वावलोकन') द्वारा कैसे चयन किया जाए। फिर आप शीर्षक पूर्वावलोकन के साथ एंकर टैग ('ए') का चयन कर सकते हैं और फिर इसे क्लिक कर सकते हैं।

बेस्ट ऑफ लक,

दान

2

Mark's answer काम किया। पूर्णता के लिए के लिए, यहाँ है, जहां मैं अपने कोड जोड़ा है:

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

असल में यह मेरे लिए काम नहीं करता है ... – bluszcz

+0

ध्यान दें कि यह उत्तर लगभग 4 वर्ष पुराना है। ऊपर [वोल्कर का जवाब] (http://stackoverflow.com/a/2840724/113962) आज़माएं। यदि यह काम नहीं करता है, तो एक नया प्रश्न पूछने का प्रयास करें। – Alasdair

+0

यह बहिष्कृत प्लगइन का उपयोग कर रहा है ... – bluszcz

9

बस किसी और मामले किसी में स्वीकार जवाब पीछा कर रहा है और समस्याओं में चलाता है: (

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

मेरे लिए काम किया, जबकि 'mouseup' नहीं था)। हो सकता है कि उन्होंने मार्कटअप के नवीनतम संस्करण में व्यवहार को बदल दिया! (v1.1.7)?

+0

+1 मेरे लिए काम किया, हालांकि यह केवल तब होता है जब मैं 'नया' जोड़ता हूं, प्रत्येक कुंजी प्रविष्टि पर अपडेट देखना पसंद करता है। यह शोध करना होगा कि यह कैसे किया जाता है। – Jakub

+0

दिलचस्प बात यह है कि 'ट्रिगर (' mousedown ') ने मेरे लिए काम नहीं किया, लेकिन' ट्रिगर ('माउसअप') 'किया। मार्किटअप फ़ाइल में संस्करण 'v 1.1.x' है –

1

या आप यह हैकिंग एक छोटे से यह कर सकता है: स्रोत फ़ाइल में जोड़ने

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() के लिए कॉल है; समारोह। आप इस तरह इसे बदल सकते हैं:

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

तुम हमेशा अक्षम कर सकते हैं प्रारंभ समय में हमारे कस्टम प्रोप संशोधित करके की जरूरत नहीं है।

संबंधित मुद्दे