注:此方法僅僅作為記錄吊说,實際中不一定能使用
最近使用vue-element-admin開發(fā)一個后臺管理項目中需要使用富文本劲腿,在vue-element-admin官網(wǎng)中推薦使用Tinymce迁杨。
在網(wǎng)上查閱Tinymce的安裝感覺比較麻煩你稚,而查閱官網(wǎng)示例中則是采用CDN
方法材蛛。想了一下我是否也可以直接在vue-element-admin示例源碼中將有關(guān)Tinymce的部分源碼復(fù)制到本項目中的components
文件夾中臊泌。
Tinymce
既然想好了贰您,那就開始動手喧务,復(fù)制過來之后在需要使用的頁面導(dǎo)入進(jìn)來
<!-- 使用Tinymce組件 -->
<tinymce
v-model="form.contain"
ref="tinymce"
/>
<script>
import Tinymce from '@/components/Tinymce' // 導(dǎo)入組件
export default {
components: { Tinymce }
}
</script>
導(dǎo)入后趕緊運行起來看看效果,發(fā)現(xiàn)跑起來沒問題
運行效果
這次使用小聰明導(dǎo)入成功枉圃,但還是要去研究其他方式