为知笔记吧 关注:9,471贴子:70,750

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

只看楼主收藏回复

如题,有时候一篇笔记内容比较长,在阅读的时候我们希望将某一部分内容可以暂时隐藏,需要的时候再展开,即“内容折叠”的功能。之前一直希望为知笔记官方能支持这个功能,看来短时间是等不到了。


最近看到了相关的HTML标签功能,在Markown笔记里试验了一下,发现可以用,在这里分享一下。


先看一下效果


下面是代码
```
<details>
<summary><mark><font color=darkred>点击查看详细内容</font></mark></summary>


</details>
```


那部分“点击查看详细内容”的颜色和样式可以根据需要自己修改。


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


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


      回复
      3楼2018-12-03 16:20
        哈哈,不错~


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


          回复
          6楼2018-12-04 00:57
            好厉害


            回复
            7楼2018-12-04 10:25
              感谢分享!~~


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


                回复
                9楼2018-12-06 20:05
                  感谢楼主


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


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


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


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


                          收起回复
                          14楼2019-05-22 10:24
                            赞赞赞


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


                              收起回复
                              16楼2020-05-17 17:29