实现 Stack Overflow 风格评论的想法

Question

我非常喜欢 Stack Overflow 评论 UI，并且正在考虑在我自己的网站上实现同样的功能。 我查看了代码，看起来这里的主要工具是 WMD，带有 JQuery TextArea Resizer 扮演配角。

WMD 在客户端将 Markdown 转换为 HTML。 这非常好，因为它有助于预览，但在将其发送到服务器时我遇到了挑战。 如果存在验证错误（比如用户在评论表单的其他部分输入了无效的电子邮件地址，或者他可能没有输入自己的姓名），那么服务器会通过重新显示带有错误消息的表单来进行响应，并且预填充表单字段。 只是现在评论文本是 HTML，而不是 Markdown，因为服务器甚至从未见过 Markdown。 但我希望它是 Markdown，因为这是用户输入的内容。

这里有什么想法吗？

我考虑过各种想法：

• 进行服务器端 HTML-to-Markdown 转换 。 对这个想法并不那么兴奋。 从 Markdown 转换为 HTML 再次转换为 Markdown 似乎很做作，作为用户，当软件重新格式化我的文本/代码时，我总是觉得很恼火。
• 客户端验证（以增强服务器端验证，我当然会保留它）。 似乎是一个合理的方向，尽管目前我在评论表单上使用 reCAPTCHA，这意味着我需要至少将 reCAPTCHA 部分发布到服务器。
• 丢失 WMD 并使用 MarkdownJ 在服务器上将 Markdown 转换为 HTML。 我需要寻找一些其他机制来完成我想保留的预览功能。

理想情况下，除了 HTML 之外，还有某种方法可以获取文本的 Markdown 版本并将其提交到服务器，但我对 JavaScript 的了解还不够，不知道这是否真的可行。

任何建议表示赞赏。

Answer 1

请参阅此问题：将 HTML 转换回 Markdown 以在 wmd 中进行编辑< /a> （右侧导航栏上的“相关”框！）。

Answer 2

我会将数据作为 markdown 发送，然后让服务器在验证通过后将其转换为 html。 WMD 有一个选项来指定它将发送到服务器的数据格式。 添加

wmd_options = {
        //Markdown or HTML
        output: "Markdown"
    };

只需在调用 wmd 之前

Answer 3

我只是粗略地了解了 WMD，但将文本区域提交到服务器似乎非常简单 - 事实上，如果文本区域是表单的一部分，我几乎看不出如何避免它。 据我了解，您的文本区域包含标记，WMD 将其转换为 HTML 以在页面的其他部分显示。 只需将文本区域包含在提交的表单中，您就应该在服务器端看到它。