Javascript 如何创建一个可以自然键入的输入字段，然后将其转换为HTML？

我正试图创建一个

textarea

输入字段，就像你发布一个新的StackOverflow问题一样。您可以有行距、粗体文本、插入链接等

---

但是，当您按下某种按钮时，所有这些都会转换为一个长HTML字符串（例如，空格变成

或

，粗体变成
，链接变成
）。有没有办法用某种JS插件来实现这一点
 您描述的是一个所见即所得（WYSIWYG）编辑器

谷歌“所见即所得编辑器库”

示例：


您描述的是一个所见即所得（WYSIWYG）编辑器

谷歌“所见即所得编辑器库”

示例：


如果我理解了你的要求，你需要学习正则表达式。一切都是基于上下文的文本替换。
示例：因为textarea不显示超链接和按钮，所以我可以在stackoverflow中执行类似的操作。
对于超链接，我可以写一些链接[#或[link][link]

稍后，我将提取并将其包装在
元素之间。
如果我理解了您的要求，您将需要学习正则表达式。所有内容都是基于文本替换的上下文。
示例：因为textarea不显示超链接和按钮，所以我可以在stackoverflow中执行类似的操作。
对于超链接，我可以写一些链接[#或[link][link]

稍后，我提取并将其包装在
元素之间。
这个问题已经在这里得到了回答

您需要的是所见即所得（WYSIWYG）编辑器。
有很多

您可以查看以下内容：

编辑

蒂尼姆斯

它们很容易使用。
这个问题已经在这里得到了回答

您需要的是所见即所得（WYSIWYG）编辑器。
有很多

您可以查看以下内容：

编辑

蒂尼姆斯

它们很容易使用。
上面每个人都说的是真的，你想看看WISYWG编辑器

如果碰巧您正在使用引导，您可能需要查看

我与他们没有任何关系，但我在我的一个项目中使用了它，我非常高兴。
上面每个人都说的是真的，你想看看WISYWG的编辑

如果碰巧您正在使用引导，您可能需要查看

我与他们没有任何联系，但我在我的一个项目中使用了它，我非常高兴。
检查此链接您要求的是所谓的所见即所得编辑器。它代表您所见即所得。这里有一个可用的所见即所得编辑器的良好列表：检查此链接您要求的是所谓的所见即所得编辑器。它代表什么t你看到的就是你得到的。这里有一个很好的所见即所得编辑器列表：