vue富文字編輯器Tinymce，功能齊全，對圖片等媒體資源操控性好，非常推薦！
阿新 • • 發佈：2018-11-06
使用步驟：
1.在index.html中引入js檔案：
<body>
<script src="./static/tinymce4.7.5/tinymce.min.js"></script>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>⚠️注意：一定要在打包的js之前引入
2.將富文字資原始檔放到static資料夾：
附 下載地址：tinymce靜態資原始檔包
3.在components資料夾下放置如下檔案（封裝好的元件，plugin和toolbar是配置功能的檔案，可以根據個人需要修改刪除。editorImage是一個圖片上傳的元件，可以自定義修改，因此對媒體資源可擴充套件性好。index是主檔案，編寫富文字的地方，也可以根據個人需要修改）
附 下載地址：元件下載地址
4.在需要的地方呼叫即可，如demo.vue中：
<template>
<div id="demo">
<tinymce :height="300" v-model="content"/>
</div>
</template>
<script>
import Tinymce from "./Tinymce";
export default {
name: "qrcode",
components: { Tinymce },
data() {
return {
content: `<h1 style="text-align: center;">Welcome to the TinyMCE demo!</h1><p style="text-align: center; font-size: 15px;"><img title="TinyMCE Logo" src="//www.tinymce.com/images/ 這是執行之後的結果：
自定義插入圖片（或者視訊，語音）的功能特別贊，根據個人需要來修改。