javascript - 在我的网站上编写基于 GUI 的 Markdown 编辑器

Question

我已经设置了网站，并且设置了后端来处理从文本区域提交的 Markdown 文本，但我想知道如何实现 GUI 编辑器。

这是设计的屏幕截图。

现在，我已经意识到我想要做的与 Stackoverflow 和 Reddit 上的格式化按钮类似，但我仍然不知道该怎么做...

我的最终目标是为管理员编写按“B”键的功能，文本编辑器将:

1. 在一对星号之间添加 ** ** 和光标。
2. 在突出显示的文本部分添加 ** 和附加 **。

无论如何，我正试图解决这个问题，但我不知道从哪里开始。有什么建议吗？

Answer 1

虽然 ckeditor 是一个所见即所得的编辑器，但我假设您想要一个 WYSIWYM编辑。

lepture/editor ( demo ) 提供快捷方式(如您的 Ctrl + B)并显示标记，但另外显示为格式化文本。

或者使用 hallojs.org markdown并使用带有按钮或纯 Markdown 的 HTML5 编辑。