javascript - 使用 JavaScript 在适当的 HTML 中包装 markdown

Question

我有一个内容可编辑的 <div> .

当在 div 中输入正确的 markdown 语法时，我需要它在外部添加正确的 HTML，但保留内部的 markdown 字符。例如:

# My H1

将被解析为

<h1># My H1</h1>

这类似于 iA Writer 的行为方式，我认为 Byword 也是如此。

有没有像这样工作的东西？

Answer 1

听起来是个不错的项目。

如果您正在使用 content-editable，并且您想要在用户输入时更新他们的输入，您可能需要深入研究一些相当粗糙的东西，尤其是如果您想要支持 IE。

我实际上写了两个非常小的库 Caret和 Wysiwyg这可能会有所帮助，请查看每个示例。

您可以使用 Caret 观察用户的输入，然后使用 Wysiwyg 做一些事情，例如将行换行在 h1 标记中。换行有点棘手，不过您可以查看 Caret 的源代码以获取一些提示。

即使您不使用任何一个库，它们也应该可以帮助您入门。