javascript - 折叠文本如何呈现他们的 Markdown？

Question

我想知道是否有人对如何制作类似于折叠文本 (http://www.foldingtext.com/) 的东西有任何想法。

我在 codemirror 上找到了这个例子，它接近于他们实现的目标:http://codemirror.net/demo/variableheight.html

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

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 元素，这是一项艰巨的任务，所以我很幸运。