{
"success": true,
"message": "转换成功",
"html_code": "<section style=\"max-width: 100%; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif; font-size: 16px; line-height: 1.75; color: #333333; letter-spacing: 0.5px; text-align: justify; overflow-wrap: break-word\"><h1 style=\"font-weight: bold; color: #1a1a1a; margin-top: 30px; margin-bottom: 16px; line-height: 1.4; font-size: 22px; text-align: left\"><strong style=\"display: block; text-align: left; color: #1a1a1a; font-weight: bold;\">微信公众号排版引擎 v2.0</strong></h1>\n<p style=\"margin: 0 0 16px 0; text-align: justify; line-height: 1.75; color: #333333\">这是一份针对<strong style=\"color: #fa8c16; font-weight: bold;\">微信后台渲染逻辑</strong>深度优化的 Markdown 样例文档。它解决了原生 HTML 在公众号中常见的“样式丢失”和“列表空行”等顽疾。</p>\n<h2 style=\"font-weight: bold; color: #1a1a1a; margin-top: 30px; margin-bottom: 16px; line-height: 1.4; font-size: 20px; text-align: left\"><strong style=\"display: block; text-align: left; color: #1a1a1a; font-weight: bold;\">一、 核心排版特性</strong></h2>\n<section style=\"margin-bottom: 16px;\"><section style=\"display: flex; align-items: baseline; margin-bottom: 8px;\"><span style=\"margin-right: 8px; color: #fa8c16; font-weight: bold; font-size: 16px; line-height: 1.75; flex-shrink: 0\">•</span><span style=\"flex: 1; text-align: justify; color: #333333;\"><strong style=\"color: #fa8c16; font-weight: bold;\">Flex 列表方案</strong>:彻底告别原生 <span style=\"background-color: #f6f7f8; color: #f05209; padding: 2px 5px; border-radius: 3px; font-family: monospace; font-size: 14px; margin: 0 2px\">li</span> 标签在微信编辑器中产生的莫名空行。</span></section><section style=\"display: flex; align-items: baseline; margin-bottom: 8px;\"><span style=\"margin-right: 8px; color: #fa8c16; font-weight: bold; font-size: 16px; line-height: 1.75; flex-shrink: 0\">•</span><span style=\"flex: 1; text-align: justify; color: #333333;\"><strong style=\"color: #fa8c16; font-weight: bold;\">Section 容器化</strong>:所有块级元素均使用 <span style=\"background-color: #f6f7f8; color: #f05209; padding: 2px 5px; border-radius: 3px; font-family: monospace; font-size: 14px; margin: 0 2px\">section</span> 封装,确保在 X5 内核下的稳定性。</span></section><section style=\"display: flex; align-items: baseline; margin-bottom: 8px;\"><span style=\"margin-right: 8px; color: #fa8c16; font-weight: bold; font-size: 16px; line-height: 1.75; flex-shrink: 0\">•</span><span style=\"flex: 1; text-align: justify; color: #333333;\"><strong style=\"color: #fa8c16; font-weight: bold;\">两端对齐</strong>:正文默认开启 <span style=\"background-color: #f6f7f8; color: #f05209; padding: 2px 5px; border-radius: 3px; font-family: monospace; font-size: 14px; margin: 0 2px\">justify</span> 对齐,提升长文本阅读精致感。</span></section></section>\n<h2 style=\"font-weight: bold; color: #1a1a1a; margin-top: 30px; margin-bottom: 16px; line-height: 1.4; font-size: 20px; text-align: left\"><strong style=\"display: block; text-align: left; color: #1a1a1a; font-weight: bold;\">二、 多媒体与代码</strong></h2>\n<h3 style=\"font-weight: bold; color: #1a1a1a; margin-top: 30px; margin-bottom: 16px; line-height: 1.4; font-size: 18px; text-align: left\"><strong style=\"display: block; text-align: left; color: #1a1a1a; font-weight: bold;\">1. 图片展示</strong></h3>\n<p style=\"margin: 0 0 16px 0; text-align: justify; line-height: 1.75; color: #333333\">以下是您提供的 mmbiz 图片测试,已自动注入 <span style=\"background-color: #f6f7f8; color: #f05209; padding: 2px 5px; border-radius: 3px; font-family: monospace; font-size: 14px; margin: 0 2px\">display: block</span> 以消除底部间隙:</p>\n<p style=\"margin: 0 0 16px 0; text-align: center;\"><img alt=\"示例图片\" src=\"http://mmbiz.qpic.cn/sz_mmbiz_png/TzbulyVU9iaJBo5yI4GIbT5ziaL9bdB5pe6s13PPMpn9DtxYCSQPdk1LE1icc87zXwAiabnskhDleAdd0ibAPCiabgHGWmIA3icBKnZEXiayf1duoU0/0?from=appmsg\" style=\"display: block; max-width: 100% !important; height: auto !important; margin: 0 auto; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.06)\"/></p>\n<h3 style=\"font-weight: bold; color: #1a1a1a; margin-top: 30px; margin-bottom: 16px; line-height: 1.4; font-size: 18px; text-align: left\"><strong style=\"display: block; text-align: left; color: #1a1a1a; font-weight: bold;\">2. 代码高亮</strong></h3>\n<p style=\"margin: 0 0 16px 0; text-align: justify; line-height: 1.75; color: #333333\">代码块支持横向滚动,背景采用深色模式:</p>\n<section style=\"margin-bottom: 16px; padding: 16px; background-color: #282c34; border-radius: 6px; overflow-x: auto; -webkit-overflow-scrolling: touch\"><code class=\"language-python\" style=\"font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 13px; color: #abb2bf; white-space: pre\">@handler_wrapper\ndef wechat_style_convert(text):\n # 转换逻辑:Markdown -> BeautifulSoup -> WeChat Inline CSS\n result = process_flex_lists(text)\n return result\n</code></section>\n<h2 style=\"font-weight: bold; color: #1a1a1a; margin-top: 30px; margin-bottom: 16px; line-height: 1.4; font-size: 20px; text-align: left\"><strong style=\"display: block; text-align: left; color: #1a1a1a; font-weight: bold;\">三、 数据表格与引用</strong></h2>\n<section style=\"margin-bottom: 24px; padding: 15px 15px 15px 18px; border-left: 5px solid #fa8c16; color: #555555; font-size: 15px; line-height: 1.7; background: #f7f7f7; border-radius: 4px\">\n<p style=\"margin: 0;\"><strong style=\"color: #fa8c16; font-weight: bold;\">排版规范说明</strong>:引用块采用了淡灰色背景与主题色左边框,能够很好地在手机端起到视觉隔离作用。</p>\n</section>\n<p style=\"margin: 0 0 16px 0; text-align: justify; line-height: 1.75; color: #333333\">表格已外包 <span style=\"background-color: #f6f7f8; color: #f05209; padding: 2px 5px; border-radius: 3px; font-family: monospace; font-size: 14px; margin: 0 2px\">overflow-x: auto</span> 容器,确保在窄屏手机上可以横向滑动而不撑破布局:</p>\n<section style=\"width: 100%; overflow-x: auto; margin-bottom: 16px;\"><table border=\"0\" style=\"border-collapse: collapse; width: 100%; font-size: 14px; margin-bottom: 0;\">\n<thead>\n<tr>\n<th style=\"padding: 8px 12px; border: 1px solid #ddd; background-color: #f2f2f2; color: #1a1a1a; font-weight: bold;\">组件名称</th>\n<th style=\"padding: 8px 12px; border: 1px solid #ddd; background-color: #f2f2f2; color: #1a1a1a; font-weight: bold;\">处理方案</th>\n<th style=\"padding: 8px 12px; border: 1px solid #ddd; background-color: #f2f2f2; color: #1a1a1a; font-weight: bold;\">兼容性等级</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td style=\"padding: 8px 12px; border: 1px solid #ddd; color: #333333;\">列表 (List)</td>\n<td style=\"padding: 8px 12px; border: 1px solid #ddd; color: #333333;\">Flexbox</td>\n<td style=\"padding: 8px 12px; border: 1px solid #ddd; color: #333333;\">极高 (推荐)</td>\n</tr>\n<tr>\n<td style=\"padding: 8px 12px; border: 1px solid #ddd; color: #333333;\">表格 (Table)</td>\n<td style=\"padding: 8px 12px; border: 1px solid #ddd; color: #333333;\">Wrapper Section</td>\n<td style=\"padding: 8px 12px; border: 1px solid #ddd; color: #333333;\">高</td>\n</tr>\n<tr>\n<td style=\"padding: 8px 12px; border: 1px solid #ddd; color: #333333;\">代码 (Code)</td>\n<td style=\"padding: 8px 12px; border: 1px solid #ddd; color: #333333;\">Pre + Overflow</td>\n<td style=\"padding: 8px 12px; border: 1px solid #ddd; color: #333333;\">中</td>\n</tr>\n</tbody>\n</table></section>\n<section style=\"border: none; border-top: 2px solid #fa8c16; margin: 24px 0;\"/>\n<p style=\"margin: 0 0 16px 0; text-align: justify; line-height: 1.75; color: #333333\"><strong style=\"color: #fa8c16; font-weight: bold;\">提示</strong>:您可以点击下方的<a href=\"https://github.com\" style=\"color: #fa8c16; text-decoration: none; border-bottom: 1px dashed #fa8c16;\">转换链接</a>查看源码,或者直接将输出的 HTML 粘贴至公众号后台。使用 <span style=\"background-color: #f6f7f8; color: #f05209; padding: 2px 5px; border-radius: 3px; font-family: monospace; font-size: 14px; margin: 0 2px\">inline code</span> 标记关键词,确保重点突出。</p></section>",
"copy_url": "",
"billing": {
"service_fee": 0.01,
"base_fee": 0.01,
"discount_applied": false,
"balance_before": 529.188,
"balance_after": 529.178,
"currency": "CNY",
"transaction_id": 1438070
}
}