GitHub Markdown तालिका में चेकबॉक्स या टिक मार्क कैसे बनाएं?


189

मैं Github README.md सूचियों का उपयोग करके चेकबॉक्स आकर्षित करने में सक्षम हूं

- [] (अनियंत्रित चेकबॉक्स के लिए)

- [x] (चेकबॉक्स के लिए)

लेकिन यह तालिका में काम नहीं कर रहा है। क्या कोई जानता है कि GitHub Markdown तालिका में चेकबॉक्स या चेकमार्क कैसे लागू किया जाए?


GitHub ब्लॉग की जाँच करें github.blog/2014-04-28-task-lists-in-all-markdown-documents
Sagynbek Kenzhebaev

जवाबों:


257

या -से पहले जोड़ने का प्रयास करें । इसके बाद एक खाली जगह है ।[][x]-

नीचे Github ब्लॉग से एक उदाहरण है।

### Solar System Exploration, 1950s – 1960s

- [ ] Mercury
- [x] Venus
- [x] Earth (Orbit/Moon)
- [x] Mars
- [ ] Jupiter
- [ ] Saturn
- [ ] Uranus
- [ ] Neptune
- [ ] Comet Haley

यह नीचे की तरह दिखाई देता है:

परिणामी छवि

यहां बताया गया है कि कोई तालिका में ऐसा कैसे कर सकता है:

| Task           | Time required | Assigned to   | Current Status | Finished | 
|----------------|---------------|---------------|----------------|-----------|
| Calendar Cache | > 5 hours  |  | in progress | - [x] ok?
| Object Cache   | > 5 hours  |  | in progress | [x] item1<br/>[ ] item2
| Object Cache   | > 5 hours  |  | in progress | <ul><li>- [x] item1</li><li>- [ ] item2</li></ul>
| Object Cache   | > 5 hours  |  | in progress | <ul><li>[x] item1</li><li>[ ] item2</li></ul>


- [x] works
- [x] works too

यहाँ है कि यह कैसा दिखता है:

यहां छवि विवरण दर्ज करें


प्रारंभ में प्रश्न में एक स्वरूपण की गलती थी। यह सूचियों के लिए काम कर रहा है लेकिन तालिका के लिए नहीं।
गौरव बिश्नोई

धन्यवाद, यह एकदम सही है।
गौरव बिश्नोई

5
यह अच्छा लग रहा है, लेकिन चेकबॉक्स टूट गए हैं। यदि आप एक चेकबॉक्स पर क्लिक करते हैं, तो यह कुछ भी नहीं करता है। आमतौर पर GitHub Markdown चेकबॉक्स पर क्लिक करने से यह अनचेक हो जाता है। समाधान HTML को मैन्युअल रूप से संपादित करना है, जो महान नहीं है, लेकिन उल्लेखनीय है।
डंपरस्टरडॉफस

यह सिर्फ एक चेकबॉक्स की उपस्थिति बनाता है। आइटम वास्तव में घटनाओं पर क्लिक करने के लिए प्रतिक्रिया नहीं करता है, जो उनके उद्देश्य को रद्द करता है: कच्चे पाठ के बजाय md रेंडर मोड से जांचें।
एडुआर्डो पिग्नाटेली

1
@DumpsterDoofus का मतलब है कि यह मुद्दों / अनुरोधों में काम नहीं करता है? सामान्य तौर पर, जबकि चेकबॉक्स GitHub / GitLab मुद्दों में क्लिक करने योग्य होते हैं और ऐसे स्थानों के लिए अनुरोधों को मर्ज करते हैं, यह समझ में आता है कि यह एक दुकान की सूची के समान है, दस्तावेज़ में चेकबॉक्स पर क्लिक करने वाले उपयोगकर्ता का क्या मतलब है? क्या आप वास्तव में अपने मार्कडाउन को संपादित देखना चाहेंगे?
जोएल

53

अब इमोजीस समर्थित हैं! :white_check_mark:/ :heavy_check_mark:एक अच्छा प्रभाव देता है और व्यापक रूप से समर्थित है:

Function | MySQL / MariaDB | PostgreSQL | SQLite
:------------ | :-------------| :-------------| :-------------
substr | :heavy_check_mark: |  :white_check_mark: | :heavy_check_mark:

रेंडरर्स (यहां पुराने क्रोमियम 65.0.3x पर):

यहां छवि विवरण दर्ज करें


3
प्रस्तुत आउटपुट में यह बहुत अच्छा लग रहा है, लेकिन नकारात्मक पक्ष यह है कि यह "स्रोत कोड" में बहुत अधिक जगह लेता है और वहां बहुत पढ़ा नहीं जाता है। और पठनीयता मार्कडाउन की प्रमुख अवधारणाओं में से एक है।
डैनियल

मुझे लगता है कि यह पुराना हो सकता है क्योंकि :white_check_mark:अब सफेद चेक मार्क के साथ हरे चेक बॉक्स की तरह दिखता है।
रामी ए

@ रामि।, आप किस पाठक / ब्राउज़र का उपयोग करते हैं? अभी उबंटू पर क्रोमियम और फ़ायरफ़ॉक्स (66.0.3) के साथ इसे देखें। वे (अभी भी) दोनों ऊपर की छवि की तरह दिखते हैं। लेकिन Chrome / Chromium / FF के किनारे या पूर्ण नवीनतम संस्करणों के साथ न जानें ... मुझे आभास है कि उन इमोजी का उपयोग इतना सामान्य है कि यह संभावना नहीं है कि उन्हें खारिज कर दिया जाएगा। लेकिन कौन जानता है :)
davidkonrad

@davidkonrad, stackoverflow.com/a/59674743/90287 , विशेष रूप से gist.github.com/rxaviers/7360908 देखें । मैं विंडोज पर फ़ायरफ़ॉक्स 76.0.1 और क्रोम 81.0.4044.138 का उपयोग कर रहा हूं।
रामी ए।

36

मैंने &#9744;( used ) के लिए [ ]और &#9745;(☑) के लिए इस्तेमाल किया [x]और यह चिह्नित के लिए काम करता है। जेएस कहते हैं कि यह गितुब मार्कडाउन के साथ संगत है। मैंने इस प्रश्न के उत्तर पर अपना समाधान आधारित किया । इस जानकारीपूर्ण उत्तर को भी देखें ।

अद्यतन: मैंने उल्लेख किया है कि जब आप इसे इस तरह से करते हैं, तो आपको इसकी आवश्यकता नहीं है <ul>, जैसे:

| Unchecked | Checked |
| --------- | ------- |
| &#9744;   | &#9745; |

यह स्वीकृत उत्तर से बहुत अलग है। वास्तव में, मैंने पहले ही इसे GitHub पर सफलतापूर्वक उपयोग किया है। सभी के लिए इसे इंगित करने के लिए धन्यवाद। मुझे पहले ऐसा करना चाहिए था।
गौरव बिश्नोई

1
& # 10004; '
at


9

बहुत अच्छे Emojiआइकन निर्देश उपलब्ध हैं

आप उनकी जांच कर सकते हैं। मुझे उम्मीद है कि आपको अपने लेखन के लिए उपयुक्त आइकन मिलेंगे।

अच्छा Emojis

श्रेष्ठ,


3

निम्नलिखित है कि मैं एक तालिका में एक चेकबॉक्स कैसे खींचता हूं!

| Checkbox Experiments | [ ] unchecked header  | [x] checked header  |
| ---------------------|:---------------------:|:-------------------:|
| checkbox             | [ ] row               | [x] row             |


इस तरह प्रदर्शित करता है:
यहां छवि विवरण दर्ज करें


4
यह मेरे लिए काम नहीं कर रहा है। क्या यह गितुब स्वाद के निशान के लिए है?
गौरव बिश्नोई

मैं देख रहा हूँ, किसी तरह यह साथ प्रस्तुत नहीं करता है Github flavoured markdown। लेकिन अन्य मार्कडाउन प्रीव्यूर्स के लिए ठीक काम करता है।
विस्वाजनजानंद

1

यहाँ मेरे पास है जो आपको और दूसरों को मार्कडाउन चेकबॉक्स तालिका के बारे में मदद करता है। का आनंद लें!

| Projects | Operating Systems | Programming Languages   | CAM/CAD Programs | Microcontrollers and Processors | 
|---------------------------------- |---------------|---------------|----------------|-----------|
| <ul><li>[ ] Blog </li></ul>       | <ul><li>[ ] CentOS</li></ul>        | <ul><li>[ ] Python </li></ul> | <ul><li>[ ] AutoCAD Electrical </li></ul> | <ul><li>[ ] Arduino </li></ul> |
| <ul><li>[ ] PyGame</li></ul>   | <ul><li>[ ] Fedora </li></ul>       | <ul><li>[ ] C</li></ul> | <ul><li>[ ] 3DsMax </li></ul> |<ul><li>[ ] Raspberry Pi </li></ul> |
| <ul><li>[ ] Server Info Display</li></ul>| <ul><li>[ ] Ubuntu</li></ul> | <ul><li>[ ] C++ </li></ul> | <ul><li>[ ] Adobe AfterEffects </li></ul> |<ul><li>[ ]  </li></ul> |
| <ul><li>[ ] Twitter Subs Bot </li></ul> | <ul><li>[ ] ROS </li></ul>    | <ul><li>[ ] C# </li></ul> | <ul><li>[ ] Adobe Illustrator </li></ul> |<ul><li>[ ]  </li></ul> |

1

दस्तावेज़ या विकी पृष्ठ को संपादित करें, और अपनी कार्य सूची को अपडेट करने के लिए - [ ]और - [x]सिंटैक्स का उपयोग करें । इसके अलावा आप इस लिंक को देख सकते हैं ।


आप पाइप के साथ टेबल बना सकते हैं | और हाइफ़न - एक तालिका बनाने के लिए और उस तालिका के अंदर आप - [] और - [x] वाक्य रचना का उपयोग कर सकते हैं। यह है कि मैं एक चेकबॉक्स कैसे खींचता हूं।
जोसेफ चार्ल्स

@JosephCharles कृपया यह दिखाने के लिए कि आप इसे एक तालिका में कैसे काम कर रहे हैं, नमूना कोड प्रदान कर सकते हैं?
पॉकेटैंड

1
यह काम नहीं करेगा और सवाल का जवाब नहीं देता है।
coisnepe

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.