html - जीथब विकी पृष्ठों में "स्पॉइलर" टेक्स्ट कैसे बनाया जाए?




github github-flavored-markdown (4)

मैं पाठ बनाने की कोशिश कर रहा हूं जो या तो अदृश्य है , या जब तक कि "शो" / "छिपाना" बटन , या कोई अन्य चीज नहीं है, तब तक यह तब तक दिखाई नहीं देता है जब तक कि उपयोगकर्ता किसी तरह से इसके साथ बातचीत नहीं करता है।

मैं इसे जीथब विकी पेज पर करने की कोशिश कर रहा हूं। (विशेष रूप से यह एक छोटी आत्म-प्रश्नोत्तरी के लिए है।)

मूल रूप से मैं एक समान प्रभाव प्राप्त करना चाहता हूं ताकि SO >! साथ प्राप्त हो सके >! मार्कअप:

होहो! स्पॉयलर पाठ!

जैसा कि these meta पोस्टों में वर्णित है।

समान मार्कअप जीथब में काम नहीं करता है, मुझे लगता है कि यह एक एसओ एक्सटेंशन है?

मैंने जीथब पर टिप्पणियों में स्पॉइलर टेक्स्ट का उपयोग करने के बारे में इस मुद्दे को देखा, जिसे बंद कर दिया गया था, लेकिन मैंने सोचा कि विकी पृष्ठों के लिए एक अलग उत्तर हो सकता है, या एचटीएमएल या कुछ पर आधारित एक अलग समाधान हो सकता है?

क्या कोई जानता है कि क्या ऐसा करने का कोई तरीका है, या यदि यह निश्चित रूप से दुर्भाग्य से असंभव है?


GFM HTML के सबसेट को सपोर्ट करता है। अभी के लिए, आप अपने प्रश्न को <summary> और अपने उत्तर को किसी भी मानक HTML टैग में <p> और पूरी वस्तु को <details> टैग में लपेट सकते हैं।

तो अगर आप ऐसा करते हैं

<details> 
  <summary>Q1: What is the best Language in the World? </summary>
   A1: JavaScript 
</details>

आप इसे प्राप्त करें -> https://github.com/gaurav21r/Spoon-Knife/wiki/Read-More-Test

ब्राउज़र समर्थन एक समस्या है।

GitHUB wiki के साथ बात यह है कि यह आपको अन्य स्वरूपों जैसे AsciiDoc , RST आदि में पाठ लिखने की अनुमति देता है। ये 2 प्रारूप हैं जो मार्कडाउन की तुलना में अधिक समृद्ध हैं।


HTML तत्व <details> और <summary> यह कर सकते हैं, एक नज़र है:

http://caniuse.com/#search=details

फ़ायरफ़ॉक्स और एज के लिए समर्थन खराब है, लेकिन कुछ पॉलीफ़िल हो सकते हैं ...


गौरव के जवाब और इस GH मुद्दे पर बिल्डिंग यहां GitHub विकि पर <details> टैग के अंदर उन्नत स्वरूपण का उपयोग करने का एक तरीका है:

<details>
  <summary>stuff with *mark* **down**</summary>
  <p>
<!-- the above p cannot start right at the beginning of the line and is mandatory for everything else to work -->
##*formatted* **heading** with [a](link)
```java
code block
```

  <details>
    <summary><small>nested</small> stuff</summary><p>
<!-- alternative placement of p shown above -->

* list
* with

 1. nested
 1. items

    ```java
    // including code
    ```
 1. blocks

  </p></details>
</p></details>

वर्तमान में यह विस्तार योग्य और बंधनेवाला भागों के साथ निम्नलिखित के रूप में प्रस्तुत करता है:

प्रारम्भिक अवस्था

सारांश पर क्लिक करें

नेस्टेड सारांश पर क्लिक करें








github-flavored-markdown