首先需要下載安裝包,可通過npm或CDN的方式,我們這里以npm為例,具體可去官網查看。
npm install @wangeditor/editor --save
安裝vue2組件(可選):npm install @wangeditor/editor-for-vue --save
安裝vue3組件(可選):npm install @wangeditor/editor-for-vue@next --save
接著在components文件夾下新建組件,如圖:
在其中編寫子組件代碼,具體 可查看>>
然后在父組件中調用,
有關組件傳值的內容可以點擊此鏈接>>查看。
這樣,wangeditor富文本編輯器就可以成功使用了。獲取編輯器內容的方法可以通過getEditorText和getEditorHtml來獲??;若安裝的是vue組件,則可直接用v-model雙向綁定內容。
更改編輯器的樣式同elementUI類似,需要用到::v-deep樣式穿透。
上一篇: axios以表單形式提交數據(原版)
下一篇: Vue——wangEditor子組件
關鍵詞: