markitup에서 미리보기 패널을 자동으로 표시합니다! 편집자

Question

저는 markitup!을 마크 다운 편집기 (example)로 사용하고 있습니다.

현재 미리보기 패널을 표시하려면 미리보기 버튼 (녹색 진드기)을 눌러야합니다.

미리보기를 자동으로 표시하려면 어떻게해야합니까?

Answer 1

나는 더이 편집기 경험하지만 에디터가로드 후에 호출

가

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

당신이 원하는 것을 할 것 없다.

Answer 2

This article은이 경우 제목 ('미리보기')을 선택하는 방법을 보여줍니다. 그런 다음 제목 미리보기로 앵커 태그 ('a')를 선택한 다음 클릭하십시오. 행운을 빕니다

,

댄

Answer 3

Mark's answer 근무했습니다.

이

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

Answer 4

그냥 경우 다른 사람에 허용 대답을 따르고 문제로 실행 : 나는 그의 코드를 추가 곳 완전성을 위해, 여기 '와 mouseUp'동안 (

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

이 나를 위해 일 하지 않았다). 어쩌면 그들은 markItUp의 최신 버전에서 동작을 변경했을 것입니다! (v1.1.7)?

Answer 5

또는 당신이 그것을 조금 해킹에 의해 그것을 할 수 : 을 소스 파일에 추가

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(); 
} 

당신은 항상 비활성화 할 수 있습니다 초기화 시간에 우리의 사용자 정의 소품을 수정하여 필요하지 않은 경우.