Skip to content
关注微信公众号,获取最新动态

插件

富文本编辑器

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

js
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 ↗ 。默认配置如下:

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

导出 PDF ^3.5.8

需要在项目中单独引入 jspdfhtml2canvas 库,才能使用导出 PDF 的功能。

bash
yarn add jspdf
bash
npm install jspdf --save
js
import { jsPDF } from 'jspdf'
import html2canvas from 'html2canvas'

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

在 HTML 中使用

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

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>