vditor完整的markdown富文本编辑器示例代码-html代码-BFW代码库

vditor完整的markdown富文本编辑器示例代码

代码语言：html

所属分类：其他

代码描述：vditor完整的markdown富文本编辑器示例代码，包含代码高亮、流程图绘制、序列图、甘蔗图，表格、图片、文字排版等示例代码。

代码标签： vditor markdown 富文本编辑器示例代码甘蔗图序列图流程图

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<html>

<head>
        <meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/js/vditor/vditor.css">

    <script src="//repo.bfw.wiki/bfwrepo/js/vditor/method.min.js"></script>
</head>

<body>
    <div class="vditor-reset" id="preview">
        <p>欢迎使用 Cmd Markdown 编辑阅读器</p>
        <h1 id="欢迎使用-Cmd-Markdown-编辑阅读器">欢迎使用 Cmd Markdown 编辑阅读器</h1>
        <hr />
        <p>我们理解您需要更便捷更高效的工具记录思想，整理笔记、知识，并将其中承载的价值传播给他人，<strong>Cmd Markdown</strong> 是我们给出的答案 —— 我们为记录思想和分享知识提供更专业的工具。 您可以使用 Cmd Markdown：</p>
        <blockquote>
            <ul>
                <li>整理知识，学习笔记</li>
                <li>发布日记，杂文，所见所想</li>
                <li>撰写发布技术文稿（代码支持）</li>
                <li>撰写发布学术论文（LaTeX 公式支持）</li>
            </ul>
        </blockquote>
        <p><img src="//repo.bfw.wiki/bfwrepo/image/5d6539385ad28.png" alt="cmd-markdown-logo" /></p>
        <p>除了您现在看到的这个 Cmd Markdown 在线版本，您还可以前往以下网址下载：</p>
        <h3 id="Windows-Mac-Linux-全平台客户端"><a href="">Windows/Mac/Linux 全平台客户端</a></h3>
        <blockquote>
            <p>请保留此份 Cmd Markdown 的欢迎稿兼使用说明，如需撰写新稿件，点击顶部工具栏右侧的 <i class="icon-file"></i> <strong>新文稿</strong> 或者使用快捷键 <code>Ctrl+Alt+N</code>。</p>
        </blockquote>
        <hr />
        <h2 id="什么是-Markdown">什么是 Markdown</h2>
        <p>Markdown 是一种方便记忆、书写的纯文本标记语言，用户可以使用这些标记符号以最小的输入代价生成极富表现力的文档：譬如您正在阅读的这份文档。它使用简单的符号标记不同的标题，分割不同的段落，<strong>粗体</strong> 或者 <em>斜体</em> 某些文字，更棒的是，它还可以</p>
        <h3 id="1--制作一份待办事宜-Todo-列表">1. 制作一份待办事宜 <a href="">Todo 列表</a></h3>
        <ul>
            <li class="vditor-task"><input disabled="" type="checkbox" /> 支持以 PDF 格式导出文稿</li>
            <li class="vditor-task"><input disabled="" type="checkbox" /> 改进 Cmd 渲染算法，使用局部渲染技术提高渲染效率</li>
            <li class="vditor-task"><input checked="" disabled="" type="checkbox" /> 新增 Todo 列表功能</li>
            <li class="vditor-task"><input checked="" disabled="" type="checkbox" /> 修复 LaTex 公式渲染问题</li>
            <li class="vditor-task"><input checked="" disabled="" type="checkbox" /> 新增 LaTex 公式编号功能</li>
        </ul>
        <h3 id="2--书写一个质能守恒公式">2. 书写一个质能守恒公式<sup class="footnotes-ref" id="footnotes-ref-1"><a href="#footnotes-def-1">1</a></sup></.........完整代码请登录后点击上方下载按钮下载查看