如何在GitHub标记表中绘制复选框或勾选标记?
我可以在Github README.md列表中使用如何在GitHub标记表中绘制复选框或勾选标记?,github,github-flavored-markdown,Github,Github Flavored Markdown,我可以在Github README.md列表中使用 - [ ] (for unchecked checkbox) - [x] (for checked checkbox) 但这在表中不起作用。有人知道如何在GitHub标记表中实现复选框或复选标记吗?编辑文档或wiki页面,并使用-[]和-[x]语法更新任务列表。此外,您可以参考。尝试在[]或[x]之前添加-。这是一个-后跟一个空格 下面是Github博客中的一个示例 ### Solar System Exploration, 1950s –
- [ ] (for unchecked checkbox)
- [x] (for checked checkbox)
但这在表中不起作用。有人知道如何在GitHub标记表中实现复选框或复选标记吗?编辑文档或wiki页面,并使用
-[]
和-[x]
语法更新任务列表。此外,您可以参考。尝试在[]
或[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小时| |正在进行|-[x]可以吗?
|对象缓存|>5小时| |进行中|[x]项1
[]项2
|对象缓存|>5小时|进行中|- -[x]项1
- -[]项2
|对象缓存|>5小时| |- [x]项1
- []项2
-[x]有效
-[x]也有效
下面是它的外观:
以下是我如何在表格中绘制复选框
| Checkbox Experiments | [ ] unchecked header | [x] checked header |
| ---------------------|:---------------------:|:-------------------:|
| checkbox | [ ] row | [x] row |
显示方式如下:
以下是我的资料,可以帮助您和其他人了解“降价复选框”表。享受吧
| 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> |
|项目|操作系统|编程语言| CAM/CAD程序|微控制器和处理器|
|---------------------------------- |---------------|---------------|----------------|-----------|
|- []博客
- []CentOS
- []Python
- []AutoCAD Electrical
[]Arduino
|
|- []PyGame
[]C
[]3DsMax
[]|
[u]> LI> < /UL> [ULU> - [Ubuntu/LI> < /UL> [UL> < LI> [C++ +/L> < /UL> < UL>
- 】] Adobe后遗症
[UL> - []/LI>
|- []Twitter Subs Bot
Adobe Illustrator
我用了和#9744代码>(☐) 对于[]
和&9745;
(☑) 对于[x]
,它的工作原理是与Github markdown兼容。我的解决方案基于此。另请参阅
更新:我应该提到,当你这样做时,你不需要
,例如:
| Unchecked | Checked |
| --------- | ------- |
| ☐ | ☑ |
你可以使用表情符号
Done? | Name
:---:| ---
⬜️| Nope
✅| Yep
现在支持表情符号了!:白色复选标记:
/:重复选标记:
给人留下了很好的印象,并且得到了广泛的支持:
Function | MySQL / MariaDB | PostgreSQL | SQLite
:------------ | :-------------| :-------------| :-------------
substr | :heavy_check_mark: | :white_check_mark: | :heavy_check_mark:
渲染到(此处为旧chromium 65.0.3x):
网站上提供了非常好的表情符号
图标说明
- 或
你可以看看。我希望你能找到适合你写作的图标
最好的
在哪里
✓ 通过
✗ 通过
_通过下划线字符
和表通过降价。不幸的是,被接受的答案不适合我(我使用的是GitHub风格的降价)
我突然想到,既然我们正在添加HTML元素,为什么不干脆添加一个
| demo | demo |
| ------------------------------------------------- | ---- |
| <input type="checkbox" disabled checked /> works | |
| <input type="checkbox" disabled /> works here too | |
|演示|演示|
| ------------------------------------------------- | ---- |
|工作||
|我也在这里工作|
这应该适用于任何环境,因为它是纯HTML(请参阅下面的参考资料)
仅供参考,本示例在VS代码降价预览模式(GitHub风格)下进行了测试,截图也在VS代码预览模式下拍摄,
它在GitHub上不起作用
上面提到的表情符号是一个很好的选择,如果它在您的目标环境中不起作用的话
最初有一个格式错误。它适用于列表,但不适用于表。这看起来不错,但复选框已断开。如果您单击复选框,它将不起任何作用。通常单击GitHub标记复选框会选中/取消选中它。解决方法是手动编辑HTML,这不是很好,但可行。这只会创建应用程序出现复选框。该项实际上不响应单击事件,这取消了它们的目的:从md呈现模式而不是原始文本进行检查。@DumpsterDoofus您的意思是这在问题/合并请求中不起作用吗?通常,在GitHub/GitLab问题和合并请求中,复选框是可单击的,因为对于这些位置,它作为一种购物列表,用户点击文档中的复选框有什么意义?你真的想看到你的降价被编辑吗?对我来说,它在GitHub这一边看起来真的被破坏了。你可以用管道和连字符创建表-创建一个表,在该表中你可以使用-[]和-[x]语法。这是我画复选框的方式。@JosephCharles请提供示例代码,说明如何在表中使用它?这不起作用,也不回答问题。它对我不起作用。它是用于Github风格的标记吗?我明白了,不知怎的,它不会使用Github风格的标记来呈现。但对于其他mar来说效果很好kdown previewers。除了公认的答案之外,这也很有效。事实上,我已经在GitHub上成功地使用了它。感谢您为大家指出了它。我应该早点这样做。✔;for'✔'这在渲染输出中看起来非常好,但缺点是它在“源代码”中占用了大量空间而且可读性不是很好。可读性是降价的主要概念之一。我认为这可能已经过时了,因为:white\u check\u mark:
现在看起来像一个带白色复选标记的绿色复选框。@davidkonrad,具体请看。我使用的是Firefox 76.0.1和Chrome 81.0
| demo | demo |
| ------------------------------------------------- | ---- |
| <input type="checkbox" disabled checked /> works | |
| <input type="checkbox" disabled /> works here too | |