javascript - 折叠文本如何呈现他们的 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 元素，这是一项艰巨的任务，所以我很幸运。