回帖 - kuuyee

Vditor 一款浏览器端的 Markdown 编辑器，支持所见即所得（富文本）、即时渲染（类似 Typora）和分屏预览模式

2020-06-13 12:36

@Vanessa http://vditor.b3log.org/demo/index.html 这里的例子源码能附带加上吗？

Vditor 一款浏览器端的 Markdown 编辑器，支持所见即所得（富文本）、即时渲染（类似 Typora）和分屏预览模式

2020-06-12 17:07

@Vanessa V妹, 我估计我年龄比你大，呵呵！请教一个问题，请问 PDF 导出用的什么实现？是基于 md 转 PDF 吗？

Vditor 一款浏览器端的 Markdown 编辑器，支持所见即所得（富文本）、即时渲染（类似 Typora）和分屏预览模式

2020-03-23 23:50

我直接用 preview 渲染显示，发现显示的有点问题，前端用的 vue iview，直接用的 demo 里提供的例子


        <Card>
          <div id="previewWrap">
            <div id="preview" class="preview vditor-reset--dark"></div>
          </div>
          <textarea id="zh_CNText" style="display:none;">

引用文本：Markdown is a text **formatting** syntax inspired

### 渲染

- **加粗** - `**加粗**`
- *倾斜* - `*倾斜*`
- ~~删除线~~ - `~~删除线~~`
- `Code 标记` - `` `Code 标记` ``
- [超级链接](https://hacpai.com) - `[超级链接](https://hacpai.com)`
- [username@gmail.com](mailto:username@gmail.com) - `[username@gmail.com](mailto:username@gmail.com)`
        </textarea>
        </Card>

显示结果如下

美女给看看这是我的用法不对吗？调用方式如下：

import VditorPreview from "vditor/dist/method.min";

  mounted() {
    VditorPreview.preview(
        document.getElementById("preview"),
        document.getElementById("zh_CNText").textContent,
        {
          speech: {
            enable: true
          },
          anchor: true
        }
      )
  }