Những mảnh vỡ trong reveal.js sử dụng Markdown

Question

reveal.js hỗ trợ các mảnh vỡ mà sẽ được hiển thị cái khác trong HTML

<section> 
    <p class="fragment grow">grow</p> 
    <p class="fragment shrink">shrink</p> 
    <p class="fragment roll-in">roll-in</p> 
    <p class="fragment fade-out">fade-out</p> 
    <p class="fragment highlight-red">highlight-red</p> 
    <p class="fragment highlight-green">highlight-green</p> 
    <p class="fragment highlight-blue">highlight-blue</p> 
</section> 

Nó hỗ trợ sử dụng Markdown thay vì HTML cho mỗi slide sử dụng:

<section data-markdown> 
    ## Page title 

    A paragraph with some text and a [link](http://hakim.se). 
</section> 

Nhưng tôi không thể tìm thấy bất kỳ tài liệu nào về việc sử dụng các phân đoạn bằng cách sử dụng MarkDown. Tôi đã bỏ lỡ điều gì đó hay chưa được hỗ trợ?

Answer 1

Vui lòng tham khảo sự cố này Markdown inside fragments và tôi nghĩ rằng đoạn chỉ áp dụng ở cấp html.

Tôi nghĩ bạn có thể thao tác các dom sau markdown chuyển trực tiếp, chỉ cần như thế này -

{ src: 'plugin/markdown/markdown.js', 
    condition: function() { return !!document.querySelector('[data-markdown]'); }, 
    callback: function() { 
    Array.prototype.forEach.call(document.querySelectorAll('section > p'), function(ele){ ele.className = 'fragment'; }); 
    } 
}, 

Answer 2

Nó hỗ trợ các thuộc tính bây giờ, bằng cách thêm tag: <!-- .element: class="fragment" -->.

Có nhiều thuộc tính được hỗ trợ như background, index, v.v. Xem thêm ví dụ về tài liệu chính thức: Element Attributes, Slide Attributes.

Answer 3

Nếu bạn đang tìm kiếm để tạo ra các mảnh vỡ bên trong một phần định dạng markdown như Jez đã chỉ ra trong bình luận của ông, đây là những gì bạn cần

* Item 1 <!-- .element: class="fragment" --> 
* Item 2 <!-- .element: class="fragment" --> 

Nguồn gốc - https://stevegrunwell.com/blog/building-presentations-reveal-js/