javascript - WMD 编辑器(如 StackOverFlow 使用的编辑器)如何工作?

标签 javascript ajax markdown

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

lixlpixel

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

最佳答案

他们有一个用 Javascript 实现的 Markdown 到 HTML 翻译器。每当“textarea”的内容发生变化时,预览区域就会根据运行 Markdown 到 HTML 转换器的结果进行更新。显然不止于此——让这类事情表现良好可能很棘手——但这就是它的本质。

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

关于javascript - WMD 编辑器(如 StackOverFlow 使用的编辑器)如何工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6024984/

相关文章:

javascript - 在 someComponent 的 Jest 测试中返回 null

ajax - 如何从 drupal 寻呼机进行 ajax 调用

javascript - 如何在 JavaScript 中获取 .js 脚本的源代码?

R在循环中以slidify演示文稿生成幻灯片

javascript - 使用 React 以类似于 Markdown 的方式向用户评论添加功能

javascript - 不确定如何在 Express/MongoDB 应用程序中处理数据访问对象/层

javascript - Ajax方法submit()不起作用

javascript - 如何定义 'overflow' 属性

c# - 使用 jQuery 而不是 AJAX 来模拟 UpdatePanel 功能

python - 在 GitHub Pages 上显示交互式绘图图表(.html 文件)