客户端 html markdown 转换

发布于 2024-08-25 20:35:38 字数 299 浏览 7 评论 0 原文

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

python脚本显然是服务器端的。这些选项卡只是其中带有脚本的超链接。当用户单击选项卡时，有什么方法可以转换 markdown html 吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

守护在此方 2024-09-01 20:35:38

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

要真正进行客户端转换，您可以尝试以下库之一（按受欢迎程度排序，以 GitHub 星级衡量）：

回复收藏 0 原文

李白 2024-09-01 20:35:38

请随意尝试我的 lib，reMarked.js，用于客户端 html/DOM > markdown

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

相反，你可以尝试 marked< /code>，但请注意，它不支持某些 php-markdown-extra 功能，例如解析漂亮的表格 http://michelf.ca/projects/php-markdown/extra/#table

https://github.com/chjj /标记/

回复收藏 0 原文

贩梦商人 2024-09-01 20:35:38

您只需使用 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!');
    }
});

You only have to send the data to the server using AJAX, perform the conversion on the server and then return the results back to the browser. In jQuery this is as simple as e.g.:

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

回复收藏 0 原文