插件

富文本编辑器

FormMaking V3 使用的富文本编辑器为 VueQuill ↗ ，如果需要用到需要单独引入。

import { QuillEditor } from '@vueup/vue-quill'
import '@vueup/vue-quill/dist/vue-quill.snow.css'

app.component('QuillEditor', QuillEditor)

注意

如果引入有问题，可以指定下版本： @vueup/vue-quill@beta

代码编辑器

FormMaking V3 中的代码编辑器采用的是 ace ↗ 。默认配置如下：

app.use(FormMakingV3, {
  aceurl: 'https://form.making.link/public/lib/ace' // 该地址为ace文件目录
})

打印/导出 PDF ^3.5.8

需要在项目中单独引入 jspdf 和 html2canvas 库，才能使用打印/导出 PDF 的功能。

yarn

yarn add jspdf

npm

npm install jspdf --save

import { jsPDF } from 'jspdf'
import html2canvas from 'html2canvas'

app.use(FormMakingV3, {
  jsPDF,
  html2canvas
})

在 HTML 中使用

除了上面通过 import 引入，也可以直接使用 script 在 html 中引入

<script src="https://unpkg.com/jspdf@latest/dist/jspdf.umd.min.js"></script>
<script src="https://html2canvas.hertzen.com/dist/html2canvas.min.js"></script>