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（）;呼び出しがあります。関数。初期化時に、当社独自の小道具を変更することによって、必要とされない場合は、常にそれを無効にすることができ

​​

： あなたはこのようにそれを変更することができます。