Automatyczne wyświetlanie panelu podglądu w markitup! edytor

Question

Używam markitup! jako edytora znaczników (example).

Obecnie muszę nacisnąć przycisk podglądu (zielony znacznik), aby wyświetlić panel podglądu.

Chciałbym, aby podgląd był wyświetlany automatycznie - w jaki sposób mogę to osiągnąć?

Answer 1

mam żadnego doświadczenia z tego edytora, ale

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

wywoływana po załadowaniu edytora wydaje się robić to, co chcesz.

Answer 2

This article pokazuje sposób wybierania według tytułu ("podgląd") w tym przypadku. Następnie możesz wybrać znacznik kotwicy ("a") z podglądem tytułu, a następnie go kliknąć.

Powodzenia,

Dan

Answer 3

Mark's answer pracował. Dla kompletności wywodu, oto gdzie dodałem swój kod:

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

Answer 4

tylko w przypadku ktokolwiek inny obserwuje przyjętej odpowiedź i prowadzi do problemów:

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

pracował dla mnie (gdy „mouseUp” nie). Może zmienili zachowanie w najnowszej wersji markItUp! (v1.1.7)?

Answer 5

Albo można to zrobić przez hacking go trochę: w pliku źródłowym dodać

autoShowPreview: false,

jako pole w opcjach sprzeciw tak będzie wyglądać następująco:

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 */ } ] 
      }; 

Następnie w pobliżu końca dokumentu wokół linii 610 znajduje się wywołanie init(); funkcjonować. można zmienić to tak:

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

Zawsze można go wyłączyć, jeśli nie są potrzebne modyfikując nasz zwyczaj rekwizyt w czasie inicjalizacji.