{"id":28524,"date":"2024-11-25T14:23:36","date_gmt":"2024-11-25T06:23:36","guid":{"rendered":"https:\/\/fwq.ai\/blog\/28524\/"},"modified":"2024-11-25T14:23:36","modified_gmt":"2024-11-25T06:23:36","slug":"%e5%be%ae%e4%bf%a1%e5%b0%8f%e7%a8%8b%e5%ba%8f%e5%af%8c%e6%96%87%e6%9c%ac%e6%94%af%e6%8c%81html%e5%8f%8amarkdown%e8%a7%a3%e6%9e%90wxparse-alpha0-1","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/28524\/","title":{"rendered":"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5bcc\u6587\u672c\u652f\u6301HTML\u53camarkdown\u89e3\u6790wxParse Alpha0.1"},"content":{"rendered":"
<\/blockquote>\n

wxParse<\/h1>\n
\n

\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5bcc\u6587\u672c\u89e3\u6790\u81ea\u5b9a\u4e49\u7ec4\u4ef6\uff0c\u652f\u6301html\u53camarkdown\u89e3\u6790,\u53ef\u80fd\u662f\u7b2c\u4e00\u4e2a\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5bcc\u6587\u672c\u89e3\u6790\u7ec4\u4ef6<\/p>\n<\/blockquote>\n

\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5bcc\u6587\u672c\u652f\u6301HTML\u53camarkdown\u89e3\u6790wxParse<\/p>\n

wxParse.gif<\/p>\n

\u4ee3\u7801\u5e93<\/h2>\n
\n

github\u5730\u5740: github.com\/icindy\/wxParse<\/p>\n<\/blockquote>\n

\u793a\u4f8b<\/h2>\n
    \n
  • \n

    cnode\u7248wxParse\u4f7f\u7528<\/p>\n

    \n

    github\u5730\u5740:github.com\/icindy\/wechat-webapp-cnode<\/p>\n<\/blockquote>\n<\/li>\n<\/ul>\n

    \u73b0\u72b6<\/h2>\n

    \u7248\u672c\u53f7: Alpha0.1-\u76ee\u524d\u8fd8\u4e0d\u592a\u9002\u5408\u76f4\u63a5\u4f7f\u7528<\/p>\n

    \u7acb\u5373\u5b66\u4e60<\/span>\u201c\u201d\uff1b<\/p>\n

    \n

    \u76ee\u524d\u9879\u76ee\u4e0d\u5c5e\u4e8e\u5b8c\u6574\u7248\uff0c\u53ea\u662f\u5927\u6982\u5b8c\u6210\u4e86\u57fa\u7840\u7684\u6784\u601d\u9879\u76ee\uff0c\u80fd\u591f\u89e3\u6790\u57fa\u672c\u7684html\uff0c\u57fa\u7840\u7684markdown\u3002
    \u5e0c\u671b\u5927\u5bb6\u80fd\u591f\u53d1\u73b0\u95ee\u9898\uff0c\u63d0\u4ea4\u95ee\u9898\uff0c\u4e5f\u53ef\u4ee5foke\u63d0\u4ea4\u60a8\u7684\u4fee\u6539\u4ee3\u7801<\/strong><\/p>\n<\/blockquote>\n

      \n
    • \n

      \u9879\u76ee\u76ee\u524d\u5728\u53ea\u662f\u6d4b\u8bd5\u7248\uff0c\u9700\u8981\u8fdb\u4e00\u6b65\u5b8c\u5584<\/p>\n<\/li>\n

    • \n

      \u9700\u8981\u5b8c\u5584\u6837\u5f0fwxParse,wxss<\/p>\n<\/li>\n

    • \n

      \u9700\u8981\u52a0\u5f3amarkdown\u89e3\u6790html<\/p>\n<\/li>\n

    • \n

      \u5176\u4ed6<\/p>\n<\/li>\n<\/ul>\n

      \u7ec4\u6210<\/h2>\n
      -wxParse\r\n--wxParse.js(\u5de5\u5177\u7c7b\u5165\u53e3\u8f93\u51fa\u53e3)\r\n--wxParse.wxml(\u6a21\u7248\u6587\u4ef6)\r\n--wxParse.wxss(\u5b9a\u4e49css)<\/pre>\n
       \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
      \u4f7f\u7528\u65b9\u6cd5<\/h2>\n
        \n
      • \n
        \u590d\u5236\u6574\u4e2a\u6587\u4ef6\u5939wxParse\/\u5230\u6839\u76ee\u5f55<\/p>\n<\/li>\n
      • \n
        \u628a\u6837\u5f0f\u6587\u4ef6wxParse.wxss\u5f15\u5165\u5230\u60a8\u8c03\u7528\u672c\u63d2\u4ef6\u7684\u4f5c\u7528\u57df\u559c\u7231<\/p>\n
        @import \"\u4f60\u7684\u8def\u5f84\/wxParse\/wxParse.wxss\";<\/pre>\n
         \u767b\u5f55\u540e\u590d\u5236 <\/li>\n
      • \n
        \u5728\u9700\u8981\u4f7f\u7528\u7684\u6a21\u7248\u7684x.wxml\u4e2d\u5f15\u5165\u6a21\u7248\u6587\u4ef6wxParse.wxml<\/p>\n
        <import><\/import><view><template><\/template><\/view><\/pre>\n
         \u767b\u5f55\u540e\u590d\u5236 <\/li>\n
      • \n
        \u5728\u5bf9\u5e94\u7684js\u4e2d\u5f15\u5165wxParse.js\u6587\u4ef6<\/p>\n
        var WxParse = require('\u4f60\u7684\u8def\u5f84\/wxParse\/wxParse.js');<\/pre>\n
         \u767b\u5f55\u540e\u590d\u5236 <\/li>\n
      • \n
        \u8bbe\u7f6e\u5bf9\u5e94data\u503c\u6570\u7ec4wxParseData(\u5fc5\u987b\u4f7f\u7528wxParseData),\u5e76\u8bbe\u7f6e<\/p>\n<\/li>\n<\/ul>\n
        \/\/ html\u89e3\u6790\r\n\r\nonLoad: function () {\r\n    console.log('onLoad')\r\n    var html = '<p><\/p><h1>wxParse-\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5bcc\u6587\u672c\u89e3\u6790\u81ea\u5b9a\u4e49\u7ec4\u4ef6\uff0c\u652f\u6301HTML\u53camarkdown\u89e3\u6790<\/h1> <blockquote><p>\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5bcc\u6587\u672c\u89e3\u6790\u81ea\u5b9a\u4e49\u7ec4\u4ef6\uff0c\u652f\u6301HTML\u53camarkdown\u89e3\u6790<\/p><\/blockquote> <h2>\u529f\u80fd\u5217\u8868<\/h2> <\/pre>\n
         \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
          \n    <\/p>\n
        • \u52a8\u6001\u52a0\u8f7d\u4ee3\u7801<\/li>\n
            <\/p>\n
        • html\u8f6cjson<\/li>\n
            <\/p>\n
        • markdown\u8f6chtml\u8f6cjson<\/li>\n
            <\/p>\n
        • \u5bcc\u6587\u672cmarkdown\u89e3\u6790<\/li>\n
            <\/p>\n
        • \u81ea\u5b9a\u4e49\u5c42\u7ea7\u89e3\u6790<\/li>\n
            <\/p>\n
        • \u81ea\u5b9a\u4e49\u6837\u5f0f\u8868<\/li>\n
           \n<\/ul>\n
            <\/p>\n
          \u6587\u4ef6\u4f5c\u7528<\/h2>\n
            <\/p>\n
          <code><span>\/\/ wxParse.wxml<\/span> <span>\/\/\u7528\u4e8e\u89e3\u6790\u4f7f\u7528\u7684\u6a21\u7248<\/span> .css{ text-align:center; } <p>test p<\/p><\/code><\/pre>\n
           \u767b\u5f55\u540e\u590d\u5236   <\/p>\n
          \u5f00\u53d1\u4fe1\u606f<\/h2>\n
            <\/p>\n
            <\/p>\n
          ![](https:\/\/img.php.cn\/upload\/article\/000\/001\/505\/115945f096a6bba61f58be0b164de67b-1.png)<\/p>\n
          \u5fae\u4fe1\u5c0f\u7a0b\u5e8flogo<\/p>\n
           ‘;     var that = this     \/\/\u66f4\u65b0\u6570\u636e     that.setData({       wxParseData:WxParse(‘html’,html)     })   } <\/p>\n
          \/\/ markdown\u89e3\u6790\r\n\r\nonLoad: function () {\r\n    console.log('onLoad')\r\n    var text = '# wxParse-\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5bcc\u6587\u672c\u89e3\u6790\u81ea\u5b9a\u4e49\u7ec4\u4ef6\uff0c\u652f\u6301HTML\u53camarkdown\u89e3\u6790 \n'\r\n    +' &gt; \u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5bcc\u6587\u672c\u89e3\u6790\u81ea\u5b9a\u4e49\u7ec4\u4ef6\uff0c\u652f\u6301HTML\u53camarkdown\u89e3\u6790 \n\n' \r\n    +'## \u529f\u80fd\u5217\u8868 \n * \u52a8\u6001\u52a0\u8f7d\u4ee3\u7801  \n * html\u8f6cjson \n * markdown\u8f6chtml\u8f6cjson \n * \u5bcc\u6587\u672cmarkdown\u89e3\u6790 \n * \u81ea\u5b9a\u4e49\u5c42\u7ea7\u89e3\u6790 \n * \u81ea\u5b9a\u4e49\u6837\u5f0f\u8868 \n'\r\n    +'## \u6587\u4ef6\u4f5c\u7528 \n'\r\n    +' \" \/\/ wxParse.wxml \/\/\u7528\u4e8e\u89e3\u6790\u4f7f\u7528\u7684\u6a21\u7248 \" \n'\r\n    +'## \u5f00\u53d1\u4fe1\u606f \n '\r\n    +' [\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u8bba\u575b](http:\/\/weappdev.com) \n'\r\n    +' ![\u5fae\u4fe1\u5c0f\u7a0b\u5e8flogo](https:\/\/img.php.cn\/upload\/article\/000\/001\/505\/115945f096a6bba61f58be0b164de67b-1.png)';\r\n\r\n    var that = this\r\n    \/\/\u66f4\u65b0\u6570\u636e\r\n    that.setData({\r\n      wxParseData:WxParse('md',text)\r\n    })\r\n  }<\/pre>\n
           \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
          \u529f\u80fd\u5217\u8868<\/h2>\n
            \n
          • \n
            \u52a8\u6001\u52a0\u8f7d\u4ee3\u7801<\/p>\n<\/li>\n
          • \n
            html\u8f6cjson<\/p>\n<\/li>\n
          • \n
            markdown\u8f6chtml\u8f6cjson<\/p>\n<\/li>\n
          • \n
            \u5bcc\u6587\u672cmarkdown\u89e3\u6790<\/p>\n<\/li>\n
          • \n
            \u81ea\u5b9a\u4e49\u5c42\u7ea7\u89e3\u6790<\/p>\n<\/li>\n
          • \n
            \u81ea\u5b9a\u4e49\u6837\u5f0f\u8868<\/p>\n<\/li>\n<\/ul>\n
            TODO<\/h2>\n
              \n
            • \n
              \u6dfb\u52a0\u66f4\u591a\u6807\u7b7e\u7684\u89e3\u6790<\/p>\n<\/li>\n
            • \n
              \u53bb\u91cd\u4e0e\u5b9a\u5236\u6837\u5f0f<\/p>\n<\/li>\n
            • \n
              \u89e3\u51b3\u7ec4\u4ef6\u4e2d\u7684\u95ee\u9898<\/p>\n<\/li>\n<\/ul>\n
              \u7b2c\u4e09\u65b9\u5f15\u7528<\/h2>\n
                \n
              • \n
                html->json html2json
                \u76ee\u524d\u6ca1\u6709\u627e\u5230\u66f4\u597d\u7684\uff0c\u611f\u89c9\u89e3\u6790\u8fd8\u662f\u6709\u95ee\u9898\uff0c\u6b22\u8fce\u63d0\u4f9b\u66f4\u597d\u7684\u4ee3\u66ff\u54c1<\/p>\n<\/li>\n
              • \n
                markdown->html showdown<\/p>\n<\/li>\n<\/ul>\n
                \u4ee5\u4e0a\u5c31\u662f\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5bcc\u6587\u672c\u652f\u6301HTML\u53camarkdown\u89e3\u6790wxParse Alpha0.1\u7684\u8be6\u7ec6\u5185\u5bb9\uff0c\u66f4\u591a\u8bf7\u5173\u6ce8\u7c73\u4e91\u5176\u5b83\u76f8\u5173\u6587\u7ae0\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"
                wxParse \u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5bcc\u6587\u672c\u89e3\u6790\u81ea\u5b9a\u4e49\u7ec4\u4ef6\uff0c\u652f\u6301html\u53camarkdown\u89e3\u6790,\u53ef\u80fd\u662f\u7b2c\u4e00\u4e2a\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5bcc\u6587\u672c\u89e3\u6790\u7ec4\u4ef6 wxParse.gif \u4ee3\u7801\u5e93 github\u5730\u5740: github.com\/icindy\/wxParse \u793a\u4f8b cnode\u7248wxParse\u4f7f\u7528 github\u5730\u5740:github.com\/icindy\/wechat-webapp-cnode \u73b0\u72b6 \u7248\u672c\u53f7: Alpha0.1-\u76ee\u524d\u8fd8\u4e0d\u592a\u9002\u5408\u76f4\u63a5\u4f7f\u7528 \u7acb\u5373\u5b66\u4e60\u201c\u201d\uff1b \u76ee\u524d\u9879\u76ee\u4e0d\u5c5e\u4e8e\u5b8c\u6574\u7248\uff0c\u53ea\u662f\u5927\u6982\u5b8c\u6210\u4e86\u57fa\u7840\u7684\u6784\u601d\u9879\u76ee\uff0c\u80fd\u591f\u89e3\u6790\u57fa\u672c\u7684html\uff0c\u57fa\u7840\u7684markdown\u3002\u5e0c\u671b\u5927\u5bb6\u80fd\u591f\u53d1\u73b0\u95ee\u9898\uff0c\u63d0\u4ea4\u95ee\u9898\uff0c\u4e5f\u53ef\u4ee5foke\u63d0\u4ea4\u60a8\u7684\u4fee\u6539\u4ee3\u7801 \u9879\u76ee\u76ee\u524d\u5728\u53ea\u662f\u6d4b\u8bd5\u7248\uff0c\u9700\u8981\u8fdb\u4e00\u6b65\u5b8c\u5584 \u9700\u8981\u5b8c\u5584\u6837\u5f0fwxParse,wxss \u9700\u8981\u52a0\u5f3amarkdown\u89e3\u6790html \u5176\u4ed6 \u7ec4\u6210 -wxParse –wxParse.js(\u5de5\u5177\u7c7b\u5165\u53e3\u8f93\u51fa\u53e3) –wxParse.wxml(\u6a21\u7248\u6587\u4ef6) –wxParse.wxss(\u5b9a\u4e49css) \u767b\u5f55\u540e\u590d\u5236 \u4f7f\u7528\u65b9\u6cd5 \u590d\u5236\u6574\u4e2a\u6587\u4ef6\u5939wxParse\/\u5230\u6839\u76ee\u5f55 \u628a\u6837\u5f0f\u6587\u4ef6wxParse.wxss\u5f15\u5165\u5230\u60a8\u8c03\u7528\u672c\u63d2\u4ef6\u7684\u4f5c\u7528\u57df\u559c\u7231 @import “\u4f60\u7684\u8def\u5f84\/wxParse\/wxParse.wxss”; \u767b\u5f55\u540e\u590d\u5236 \u5728\u9700\u8981\u4f7f\u7528\u7684\u6a21\u7248\u7684x.wxml\u4e2d\u5f15\u5165\u6a21\u7248\u6587\u4ef6wxParse.wxml <import><\/import><view><template><\/template><\/view> \u767b\u5f55\u540e\u590d\u5236 \u5728\u5bf9\u5e94\u7684js\u4e2d\u5f15\u5165wxParse.js\u6587\u4ef6 var WxParse = require(‘\u4f60\u7684\u8def\u5f84\/wxParse\/wxParse.js’); \u767b\u5f55\u540e\u590d\u5236 \u8bbe\u7f6e\u5bf9\u5e94data\u503c\u6570\u7ec4wxParseData(\u5fc5\u987b\u4f7f\u7528wxParseData),\u5e76\u8bbe\u7f6e \/\/ html\u89e3\u6790 onLoad: function () {     console.log(‘onLoad’)     var html = ‘<p><\/p><h1>wxParse-\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5bcc\u6587\u672c\u89e3\u6790\u81ea\u5b9a\u4e49\u7ec4\u4ef6\uff0c\u652f\u6301HTML\u53camarkdown\u89e3\u6790<\/h1> <blockquote><p>\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5bcc\u6587\u672c\u89e3\u6790\u81ea\u5b9a\u4e49\u7ec4\u4ef6\uff0c\u652f\u6301HTML\u53camarkdown\u89e3\u6790<\/p><\/blockquote> <h2>\u529f\u80fd\u5217\u8868<\/h2>  \u767b\u5f55\u540e\u590d\u5236   \u52a8\u6001\u52a0\u8f7d\u4ee3\u7801   html\u8f6cjson   markdown\u8f6chtml\u8f6cjson   \u5bcc\u6587\u672cmarkdown\u89e3\u6790   \u81ea\u5b9a\u4e49\u5c42\u7ea7\u89e3\u6790   […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-28524","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/28524","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/comments?post=28524"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/28524\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=28524"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=28524"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=28524"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}