StackOverFlow 使用的 WMD 编辑器是如何工作的？

Question

我很想知道您在文本框中键入的文本如何不需要刷新页面？一些类似的替代方案包括：

像素

但是他们倾向于在每次按下按键时刷新页面......

Answer 1

他们有一个用 Javascript 实现的 Markdown 到 HTML 转换器。每当“文本区域”的内容发生更改时，预览区域都会使用运行 Markdown 到 HTML 转换器的结果进行更新。显然，事情远不止这些——让这种事情表现良好可能很棘手——但这就是它的本质。

如果您在 Safari 等浏览器中检查文本区域，您可以看到它们使用 Javascript 事件处理程序来处理 drop、input、keydown、keypress、keyup、mousedown 和 Paste 事件。当这些事件之一发生时，脚本会做出适当的响应，包括运行 Javacript Markdown 到 HTML 转换器并将生成的 HTML 放入预览区域。