Markdown to html dosyasında bulunan basılabilir başlık

Question

Dahili git-lab wiki ürünümüz Markdown ile çalışır. Makalelerin birkaç özetini yaptım ve wiki'mizde yayınlamak istiyorum, öyle ki, eğer üstbilgiye tıklarsam, açılmalı ve metin görünür olmalı, temelde bu gibi example Markdown buna sahip mi genişlet/daralt/katlama işlevi

Answer 1

Kısa Yanıt: Hayır, Markdown doğrudan böyle bir özellik sunmuyor, ancak bazı çalışmalarda işe yarayacak bir şey oluşturabiliyor olabilirsiniz.

Bunun gibi bir özellik için animasyonları vb. Kontrol etmek için bazı CSS ve/veya JavaScript'e ihtiyacınız olacaktır. Herhangi bir HTML üzerinde çalışmak için böyle bir özellik elde edebilmek mümkün olsa da, özellikle Markdown'da kolay değildir çıktı.

İdeal olarak, her katlanabilir bölüm bir div sarılmış olacaktır:

<div id="section1"> 
    <h1>Section 1</h1> 
    <p>Section 1 content</p> 
    <div id="section1-1"> 
    <h2>Section1-1</h2> 
    <p>section 1-1 content</p> 
    </div> 
    <div id="section1-2"> 
    <h2>Section1-2</h2> 
    <p>section 1-2 content</p> 
    </div> 
</div> 

Sonra tek tek bölümleri daraltmak için bazı CSS/JavaScript kullanabilirsiniz. Ancak, Markdown'un bir bölüm kavramı yoktur.

<h1>Section 1</h1> 
<p>Section 1 content</p> 
<h2>Section1-1</h2> 
<p>section 1-1 content</p> 
<h2>Section1-2</h2> 
<p>section 1-2 content</p> 

bir çözüm çeşitli bölümlerde yer alacak şekilde kesiliyor ve div 'ler içinde her bir bölümü sarma, dokümanın tamamını döngü gerektirir: Yerine yukarıdakilerden, Markdown bu düz belgeyi verecek. Python-Markdown Ayrıştırıcısına Eklentiler olarak bir coupleexamples bulabilirsiniz. Bununla birlikte, çalıştığınız ortama ilişkin herhangi bir bilgi ile, sizi doğru yönde yönlendirmek biraz daha zordur. Ayrıca, Stackoverflow bir araç tavsiye sitesi olması gerekiyordu. Ancak, başkalarının sorunu nasıl çözdüğünü gözlemleyerek (işaret ettiğim örneklerde) benzer bir çözüm üretebilmelisiniz.

Bölümler düzgün bir şekilde paketlendikten sonra, bölümleri katlamak/daraltmak için küçük bir JavaScript diğerlerini de halledecektir. Ancak, bu, burada defalarca sorulan ve cevaplanan ayrı bir konudur. Sorunun ilgili kısmına yönelik çözümler için kenar çubuğunda listelenen "İlgili" soruların bazılarına bakın.

Düz HTML içeriğini alabilecek bazı JavaScript kitaplıklarının bulunması bile mümkündür, katlama/daraltma özelliği bir arada sarılır ve uygulanır. Ancak, böyle bir kütüphane biraz ağır olabilir ve sitenizi yavaşlatabilir, bu nedenle katyonla devam edin.

Answer 2

Dene:

<details> 
    <summary>Your header here! (Click to expand)</summary> 
    Your content here... 
    > markup like blockquote's should even work on github! 
    more content here... 
</details> 

Burada bu tür bir şey deneyebilirsiniz:

<details> 
 
     <summary>Your header here! (Click to expand)</summary> 
 
     Your content here...</br> 
 
     (markup only where supported)</br> 
 
     more content here...</br> 
 
    </details>

Bu Chrome ile benim için çalışıyor, ancak diğer tarayıcılar için henüz çalışmayabilir. Bazı related posts at github vardır.