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

How does the WMD editor like the one StackOverFlow uses work?

本文关键字：何工作工作编辑器 StackOverFlow WMD 更新时间：2023-09-26

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

利克斯尔像素

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

他们有一个用Javascript实现的Markdown to HTML转换器。每当"文本区域"的内容发生变化时，预览区域就会使用运行 Markdown 到 HTML 转换器的结果进行更新。显然还有更多的事情要做——让这种事情表现良好可能很棘手——但这就是它的本质。

如果您在像 Safari 这样的浏览器中检查文本区域，您可以看到它们正在使用 Javascript 事件处理程序来处理拖放、输入、键下、按键、键向上、鼠标向下和粘贴事件。当这些事件之一发生时，脚本会做出适当的响应，包括运行 Javacript Markdown-to-HTML 转换器并将生成的 HTML 放入预览区域。