Hiển thị bảng xem trước tự động trong đánh dấu! biên tập viên

Question

Tôi đang sử dụng markitup! làm trình chỉnh sửa đánh dấu (example).

Hiện tại, tôi cần nhấn nút xem trước (đánh dấu màu lục) để hiển thị bảng xem trước.

Tôi muốn bản xem trước được hiển thị tự động - làm cách nào tôi có thể đạt được điều này?

Answer 1

Tôi không có kinh nghiệm với trình soạn thảo này nhưng

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

gọi sau khi tải biên tập dường như để làm những gì bạn muốn.

Answer 2

This article cho biết cách chọn theo tiêu đề ('xem trước') trong trường hợp này. Sau đó bạn có thể chọn thẻ neo ('a') với xem trước tiêu đề và sau đó nhấp vào nó.

Best of luck,

Dan

Answer 3

Mark's answer đã hoạt động. Vì lợi ích của sự hoàn chỉnh, đây là nơi tôi thêm mã của mình:

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

Answer 4

Chỉ trong trường hợp bất kỳ ai khác là sau khi trả lời chấp nhận và chạy vào các vấn đề:

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

làm việc cho tôi (trong khi 'mouseup' không). Có thể họ đã thay đổi hành vi trong phiên bản mới nhất của markItUp! (v1.1.7)?

Answer 5

Hoặc bạn có thể làm điều đó bằng cách hack nó một chút: trong file nguồn thêm

autoShowPreview: false,

như một lĩnh vực trong các tùy chọn đối tượng vì vậy nó sẽ trông giống như:

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

Sau đó, gần cuối tài liệu xung quanh dòng 610 có lệnh gọi hàm init(); chức năng. Bạn có thể thay đổi nó như thế này:

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

Bạn luôn có thể vô hiệu hóa nó nếu không cần thiết bằng cách sửa đổi prop tùy chỉnh của chúng tôi vào thời điểm khởi tạo.