Question

我一直在尝试创建一个客户端编辑器，允许最终用户以html或markdown创建内容。用户有两个用于在两者之间切换的选项卡。我设法找到一些将markdown转换为html的javascript，因此如果用户一直在写markdown并切换到html选项卡，则会显示html等效项。我找不到将html转换为markdown的javascript，只能找到一个python脚本。

python脚本显然是服务器端。选项卡只是带有脚本的超链接。有什么方法可以在用户点击标签时转换markdown html吗？

Answer 1

当前接受的答案实际上告诉您在服务器端上执行此操作。

要真正进行客户端转换，您可以尝试其中一个库（按受欢迎程度，由GitHub明星测量）：

Answer 2

随意尝试我的lib，reMarked.js，用于客户端html / DOM＆gt;降价

https://github.com/leeoniya/reMarked.js

另一种方法是尝试marked，但请注意它不支持某些php-markdown-additional功能，例如解析漂亮的表http://michelf.ca/projects/php-markdown/extra/#table

https://github.com/chjj/marked/

Answer 3

为什么不使用WMD-Editor？它能够预览html。

Answer 4

您只需使用AJAX将数据发送到服务器，在服务器上执行转换，然后将结果返回给浏览器。在jQuery中，这很简单，例如：

$.ajax({
    type: "GET",
    url: <converter url>,
    data: <html>
    success: function(markdown_text){
        $('#id_container').text(markdown_text);
    }
    error: function(XMLHttpRequest, textStatus, errorThrown){
             alert('Error!');
    }
});

客户端html markdown转换

4 个答案: