🦊Foxi Tools
📑

Markdown预览

实时预览Markdown

Heading 1


Heading 2


Heading 3



This is a bold text and italic text.

  • • List item 1

  • • List item 2

  • • List item 3


  • Numbered item 1

  • Numbered item 2


  • > This is a blockquote

    inline code


    code block


    Link

    Markdown预览工具提供左右分栏的编辑和渲染界面,左侧输入Markdown源码,右侧实时呈现格式化后的效果。支持GitHub Flavored Markdown语法,包括表格、代码块高亮、任务列表和删除线等扩展语法。转换后的HTML可一键复制,方便嵌入到博客或邮件中使用。

    📖 使用方法

    1. 在左侧输入Markdown文本
    2. 在右侧查看实时预览
    3. 点击复制HTML按钮复制转换后的HTML

    主要功能

    • 实时Markdown渲染
    • 支持GFM(GitHub Flavored Markdown)
    • HTML转换和复制
    • 代码高亮
    • 支持表格、复选框列表

    💡 使用场景

    • 技术博主:撰写和预览Markdown格式的技术文章,确认排版效果
    • 开发人员:编写README或项目文档前快速预览Markdown渲染效果
    • 产品经理:用Markdown格式撰写需求文档并导出HTML分享给团队
    • 学生:使用Markdown撰写课程笔记,预览格式化效果
    • 邮件营销:将Markdown内容转换为HTML后嵌入邮件模板
    • 知识管理:在笔记迁移过程中预览和验证Markdown文件的格式

    🎯 使用技巧

    • 使用```语言名标注代码块可获得语法高亮效果,支持几十种编程语言
    • GFM表格语法用管道符|分列,冒号:控制对齐方式——左对齐、居中或右对齐
    • 任务列表用 - [ ] 和 - [x] 创建——适合在文档中嵌入待办清单
    • 复制HTML功能可直接获取渲染后的代码,粘贴到支持HTML的富文本编辑器中

    常见问题

    Q. 支持哪些Markdown语法?

    A. 支持GitHub Flavored Markdown(GFM),包括标题、粗体、斜体、链接、图片、代码块、表格、删除线、任务列表等。基本涵盖了日常写作和技术文档的全部需求。

    Q. 可以预览图片吗?

    A. 是的,支持使用图片URL的Markdown图片语法(![alt](url))。图片会在预览区域实时渲染显示。本地图片路径不适用,需使用在线URL。

    Q. 代码块支持语法高亮吗?

    A. 支持。在```后加上语言标识(如javascript、python、css)即可启用对应语言的语法着色。支持数十种常见编程语言。

    Q. 导出的HTML包含样式吗?

    A. 复制的HTML是纯语义标签,不包含CSS样式。如需带样式的HTML,建议将导出的HTML嵌入到带有Markdown CSS主题的页面中。

    Q. 支持数学公式吗?

    A. 标准GFM不原生支持LaTeX数学公式。如需渲染数学公式,建议使用支持KaTeX或MathJax的专用Markdown编辑器。

    Q. 编辑器的内容会自动保存吗?

    A. 当前版本不会自动保存。建议在编辑重要内容时定期复制备份。关闭页面后内容将丢失。

    🔗 相关工具