Turndown Demo

HTML

<h1>将HTML转换为Markdown：简化你的网页内容编辑</h1>
        <p>随着互联网的发展，越来越多的人开始关注网站内容的可读性和易用性。HTML（超文本标记语言）作为构建网页的基础语言，虽然功能强大，但其复杂的标签结构对于非专业开发者来说可能是一个挑战。相比之下，Markdown是一种轻量级的标记语言，它以易于阅读和书写的纯文本格式来创建富文本。因此，将HTML转换成Markdown可以极大地提高内容的可编辑性和可维护性。</p>
        <h2>文本格式化</h2>
        <p>在HTML中，我们使用<code><b></code>或<code><strong></code>来表示加粗的文本，而<code><i></code>或<code><em></code>用于斜体。当这些元素需要转换到Markdown时，加粗可以通过双星号（**）或双下划线（__）来实现，例如：<strong>加粗文本</strong> 或 <strong>加粗文本</strong>。斜体则通过单星号（*）或单下划线（_）来标记，如：<em>斜体文本</em> 或 <em>斜体文本</em>。此外，如果要在Markdown中创建删除线，可以使用两个波浪线（~~）包围文本，比如：删除线文本。</p>
        <h2>标题与列表</h2>
        <p>HTML中的标题从<code><h1></code>到<code><h6></code>不等，而在Markdown中，标题是通过在行首使用井号（#）来表示的。一个井号对应于<code><h1></code>，六个井号对应于<code><h6></code>。例如，# 主标题 和 ## 次级标题 分别对应于HTML中的<code><h1>主标题</h1></code>和<code><h2>次级标题</h2></code>。</p>
        <p>列表在HTML中通常由<code><ul></code>（无序列表）和<code><ol></code>（有序列表）来定义，每个列表项都用<code><li></code>标签包裹。在Markdown中，无序列表可以通过星号（*）、加号（+）或减号（-）来创建，有序列表则使用数字加上点（.）。例如：</p>
        <ul>
        <li>
        <ul>
        <li>项目1</li>
        </ul>
        </li>
        <li>
        <ul>
        <li>项目2</li>
        </ul>
        </li>
        <li>
        <ul>
        <li>项目3 对于有序列表：</li>
        </ul>
        </li>
        <li>
        <ol>
        <li>第一项</li>
        </ol>
        </li>
        <li>
        <ol start="2">
        <li>第二项</li>
        </ol>
        </li>
        <li>
        <ol start="3">
        <li>第三项</li>
        </ol>
        </li>
        </ul>
        <h2>链接与图片</h2>
        <p>链接在HTML中是通过<code><a></code>标签实现的，而在Markdown中，链接的格式是 <code>[链接文本](URL)</code>。例如，访问 <a href="https://www.baidu.com/">百度</a> 将会显示为一个可点击的链接。同样地，图片在HTML中使用<code><img></code>标签，而在Markdown中，图片的语法是在链接的基础上添加一个感叹号（!），即 <code>![替代文字](图片URL)</code>。这使得在文档中嵌入图像变得非常简单。</p>

Markdown