vue使用富文本編輯器vue-ueditor

npm i vue-ueditor --S

組件里面只需要寫

<template>

<vueUEditor></vueUEditor>

</template>

<script>

import vueUEditor from 'vue-ueditor';

export default {

components:{vueUEditor,},

methods:{

editorready(editorInstance){editorInstance.set('hellowor!');

editorInstance.addListener('contentChange',()=>{console.log('編輯器發(fā)生變化',editorInstance.getContent())})}}}

</script>

如果遇到Couldn't find preset "es2015" relative to directory問題

npm install babel-preset-es2015 --save-dev

webpack.base.conf.js配置

loaders: [{

test: /\.js$/,

exclude: /(node_modules|bower_components)/,

loader: 'babel',

query: {

presets: ['es2015']

}}]