1. 程式人生 > >vue2.0專案使用wangEditor富文字編輯器

vue2.0專案使用wangEditor富文字編輯器

首先

npm install wangeditor 

然後,直接寫就行,也無需引入css樣式 

<template>
  <div class="detailPage">
    <div id="editor">
        <p>歡迎使用 <b>wangEditor</b> 富文字編輯器</p>
    </div>
  </div>
</template>

<script type="text/javascript">
    export default{
      mounted(){
        var E = require('wangeditor')      
        var editor = new E('#editor')
        editor.customConfig.uploadImgShowBase64 = true//img圖片轉成base64格式,需要的話寫,不需要不寫
        editor.create()
      }
    }
</script>

效果圖: