折叠文字如何呈现Markdown？

Question

我想知道是否有人对如何制作与折叠文字类似的内容有任何想法（http://www.foldingtext.com/）。

我在codemirror上找到了这个与他们实现的结果很接近的例子：http://codemirror.net/demo/variableheight.html

然而，我正在寻找他们如何在不在当前单词时隐藏粗体字周围的粗体标签。我可以理解标头的###标签的变暗。

Answer 1

您的回答是属性contentEditable。 有了它你可以使div可编辑，这使得只需按类型将html标签插入此div。

<div id="editableDiv" contentEditable=true>
    testing la la la testing la la la testing la la la 
    lulululu <span style="background-color:blue;">formated Text</span> <br>
    lulululu <span style="background-color:red;">Formated Text</span>
</div>

现在，如果您想在键入时应用样式，则需要监听按键（或其他内容）并将内容解析为html元素，这是一项艰巨的任务，所以我很幸运。