为知笔记吧 关注:9,458贴子:71,767

分享一下 Markdown 笔记实现“内容折叠”的功能

只看楼主收藏回复

如题,有时候一篇笔记内容比较长,在阅读的时候我们希望将某一部分内容可以暂时隐藏,需要的时候再展开,即“内容折叠”的功能。之前一直希望为知笔记官方能支持这个功能,看来短时间是等不到了。
最近看到了相关的HTML标签功能,在Markown笔记里试验了一下,发现可以用,在这里分享一下。
先看一下效果

下面是代码
```
<details>
<summary><mark><font color=darkred>点击查看详细内容</font></mark></summary>
</details>
```
那部分“点击查看详细内容”的颜色和样式可以根据需要自己修改。


IP属地:重庆1楼2018-12-03 13:10回复
    本来markdown就可以随便用html
    所以……
    原来html还有这么方便的功能
    学习了非常感谢


    2楼2018-12-03 15:02
    收起回复
      罒ω罒 腻害


      IP属地:美国3楼2018-12-03 16:20
      回复
        哈哈,不错~


        IP属地:江西4楼2018-12-04 00:55
        回复
          该楼层疑似违规已被系统折叠 查看此楼


          IP属地:江西6楼2018-12-04 00:57
          回复
            好厉害


            IP属地:山西7楼2018-12-04 10:25
            回复
              感谢分享!~~


              8楼2018-12-05 10:34
              回复
                赞,可以设计题目答案


                IP属地:重庆9楼2018-12-06 20:05
                回复
                  感谢楼主


                  10楼2018-12-11 09:36
                  回复
                    详细内容放哪?


                    IP属地:贵州来自Android客户端11楼2018-12-11 13:00
                    收起回复
                      必须赞一个


                      12楼2019-05-17 11:56
                      回复
                        很实用的小技巧,这就是用wiz编辑(.html)的好处。


                        IP属地:广东13楼2019-05-21 14:47
                        回复
                          为啥你的代码我放到wiz自带编辑器及md编辑器都实现不了折叠效果


                          IP属地:广东14楼2019-05-22 10:24
                          收起回复
                            赞赞赞


                            IP属地:河南15楼2020-05-16 12:35
                            回复
                              这种方式之前也试过,不过使用“为知搜索” 搜索不到详情内容,也就是说详情搜不到,而且默认情况下,详情是收起的,弃用了


                              IP属地:广东16楼2020-05-17 17:29
                              收起回复