GitHub Markdown tablosunda onay kutusu veya onay işareti nasıl çizilir?


192

Kullanarak Github README.md listelerinde onay kutusunu çizmek mümkün

- [] (işaretlenmemiş onay kutusu için)

- [x] (işaretli onay kutusu için)

Ama bu tabloda çalışmıyor. GitHub Markdown tablosunda onay kutusunu veya onay işaretini nasıl uygulayacağını bilen var mı?


Yanıtlar:


261

Veya işaretinden -önce a eklemeyi deneyin . Bunu bir boşluk takip eder .[][x]-

Aşağıda Github blogundan bir örnek verilmiştir.

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

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

Aşağıdaki gibi görünür:

Sonuç Görüntü

Birini aynı şekilde bir tabloda nasıl yapabileceğiniz aşağıda açıklanmıştır:

| 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

İşte böyle görünüyor:

resim açıklamasını buraya girin


Başlangıçta bir biçimlendirme hatası oluştu. Listeler için çalışıyor ancak tablo için çalışmıyor.
Gaurav Bishnoi

Teşekkürler, mükemmel.
Gaurav Bishnoi

5
Bu iyi görünüyor, ancak onay kutuları bozuk. Bir onay kutusunu tıklarsanız hiçbir şey yapmaz. Normalde bir GitHub Markdown onay kutusunu tıklatarak işaretler / işaretini kaldırır. Çözüm, harika olmayan ancak yapılabilen HTML'yi manuel olarak düzenlemektir.
DumpsterDoofus

Bu sadece bir onay kutusunun görünümünü oluşturur. Öğe aslında amaçlarını iptal eden tıklama etkinliklerine yanıt vermez: ham metin yerine md oluşturulmuş moddan kontrol edin.
Eduardo Pignatelli

1
@DumpsterDoofus, bunun sorunlar / birleştirme isteklerinde çalışmadığını mı söylüyorsunuz? Genel olarak olduğu gibi, GitHub / GitLab sorunlarında onay kutuları tıklanabilir ve birleştirme istekleri gibi, bu tür konumlar için bir çeşit alışveriş listesi olarak mantıklı olsa da, kullanıcının belgelerdeki bir onay kutusunu tıklaması ne anlama gelir? İşaretlemenizin düzenlendiğini gerçekten görmek ister misiniz?
Joël

53

Şimdi emojiler destekleniyor! :white_check_mark:/ :heavy_check_mark:iyi bir izlenim verir ve yaygın olarak desteklenir:

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

oluşturur (burada eski krom 65.0.3x'te):

resim açıklamasını buraya girin


3
Bu render çıktı çok güzel görünüyor ama olumsuz "kaynak kodu" çok yer alır ve orada çok okunabilir değil olmasıdır. Okunabilirlik, işaretlemenin ana kavramlarından biridir.
Daniel

Sanırım :white_check_mark:şimdi beyaz onay işaretli yeşil bir onay kutusuna benzediği için bu güncel olmayabilir .
Rami A.

@RamiA., Hangi okuyucu / tarayıcı kullanıyorsunuz? Ubuntu'daki Chromium ve Firefox (66.0.3) ile kontrol ettiniz. Her ikisi de (hala) yukarıdaki görüntüye benziyor. Ancak Edge veya Chrome / Chromium / FF'nin mutlak en son sürümleriyle bilmiyorum ... Bu emojilerin kullanımda o kadar yaygın olduğu izlenimini uyandırması olasıdır. Ama kim bilir :)
davidkonrad

@davidkonrad, bkz. stackoverflow.com/a/59674743/90287 , özellikle gist.github.com/rxaviers/7360908 . Windows'ta Firefox 76.0.1 ve Chrome 81.0.4044.138 kullanıyorum.
Rami A.

36

İçin &#9744;(☐) [ ]ve &#9745;(☑) için kullandım [x]ve Github markdown ile uyumlu olduğunu belirten işaretli.js için çalışıyor . Çözümümü bu sorunun yanıtlarına dayandım . Ayrıca bu bilgilendirici yanıta da bakınız. .

Güncelleme: Bu şekilde yaptığınızda <ul>, örneğin:

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

Bu, kabul edilen cevaptan ayrı olarak da çalışır. Aslında, GitHub'da zaten başarıyla kullandım. Herkese gösterdiğin için teşekkürler. Bunu daha önce yapmalıydım.
Gaurav Bishnoi

1
& # 10004; ✔ 'için
Mawardy



3

Aşağıda tablodaki bir onay kutusunu nasıl çizeceğim!

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


Bunun gibi görüntüler:
resim açıklamasını buraya girin


4
Benim için çalışmıyor. Github aromalı markdown için mi?
Gaurav Bishnoi

Anlıyorum, bir şekilde render etmiyor Github flavoured markdown. Ancak diğer işaretleme önizleyicileri için iyi çalışır.
vishwarajanand

1

İşte size ve diğerleri markdown onay kutusu tablosu hakkında yardımcı olan şey. Zevk almak!

| 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

Belgeyi veya wiki sayfasını düzenleyin - [ ]ve - [x]görev listenizi güncellemek için ve sözdizimini kullanın. Ayrıca bu bağlantıya başvurabilirsiniz .


Borulu tablolar oluşturabilirsiniz | ve kısa çizgiler - bir tablo oluşturmak için ve bu tablonun içinde - [] ve - [x] sözdizimini kullanabilirsiniz. nasıl bir onay kutusu çizmek budur.
Joseph Charles

@JosephCharles Lütfen bir tabloda nasıl çalıştığını göstermek için örnek kod sağlayabilir misiniz?
Ceplerve7

1
Bu işe yaramaz ve soruyu cevaplamaz.
coisnepe

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.