封装froala-edtior组件

npm引入froala-editor

npm install vue-froala-wysiwyg --save

main.js导入js

//Import Froala Editor 
import 'froala-editor/js/plugins.pkgd.min.js';
//Import languages 中文语言包
import 'froala-editor/js/languages/zh_cn';
// Import Froala Editor css files.
import 'froala-editor/css/froala_editor.pkgd.min.css';

// Import and use Vue Froala lib.
import VueFroala from 'vue-froala-wysiwyg'

Vue.use(VueFroala)

Editor组件

@/components/Editor/index.vue

父组件调用编辑器