7

我非常喜欢 Stack Overflow 评论 UI，我正在考虑在我自己的网站上实现同样的功能。我查看了代码，看起来这里的主要工具是WMD，而 JQuery TextArea Resizer起到了辅助作用。

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

这里有什么想法吗？

我考虑了各种想法：

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

理想情况下，除了 HTML 之外，还有一些方法可以获取文本的 Markdown 版本并将其提交到服务器，但我还不足以知道这是否是一个真正的可能性。

任何建议表示赞赏。

4

3 回答 3

5

请参阅此问题：将 HTML 转换回 Markdown 以在 wmd 中进行编辑（对右侧导航中的“相关”框表示欢迎！）。

于 2008-12-27T20:35:56.373 回答
5

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

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

在调用 wmd 之前

于 2008-12-28T08:03:58.810 回答
3

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

于 2008-12-27T19:20:41.673 回答