富文本框
本文使用的是第三方富文本组件 vue2-editor
效果
安装
Node
npm install vue2-editor
浏览器
<script src="https://unpkg.com/quill/dist/quill.min.js"></script>
<script src="https://unpkg.com/vue2-editor/dist/vue2-editor.umd.js"></script>
导入
Node
import { VueEditor } from "vue2-editor";
浏览器
var VueEditor = window.Vue2Editor.VueEditor;
挂载
Vue.use(VueEditor);
//或者
Vue.component('vue-editor', VueEditor);
//或者
formCreate.component('vue-editor', VueEditor);
生成
$f = formCreate.create([
{
type:'vue-editor',
title:'商品详情',
field:'editor',
value:'<h1>form-create</h1>'
}
])