●?現(xiàn)在很多項(xiàng)目中, 為了豐滿一些 , 會(huì)加入富文本的元素在里面, 這樣可以讓用戶的編輯變得更加多樣化

●?本文就簡(jiǎn)單介紹一下富文本編輯器在項(xiàng)目中的簡(jiǎn)單使用

●?目前市場(chǎng)上有很多富文本編輯器插件, 但是大多大同小異, 基本功能都差不多

●?文本以 "wangeditor" 為例進(jìn)行介紹, 因?yàn)檫@個(gè)插件操作簡(jiǎn)單, 使用方便

原生 JS 開(kāi)發(fā)中使用

1.? 下載插件

2.? 需要在頁(yè)面上有一個(gè)區(qū)域, 來(lái)放置我們的富文本編輯器

3.? 接下來(lái)就可以引入第三方文件了

●?第三方文件引入以后會(huì)在全局暴露一個(gè)變量名 "wangEditor"

●?我們就用這個(gè)變量名就可以完成我們的富文本編輯器了

4.? 初始化我們的編輯器

●?大功告成, 打開(kāi)瀏覽器, 你就發(fā)現(xiàn)你的盒子變成了一個(gè)富文本盒子

●?接下來(lái)就可以正常使用了

在 Vue 項(xiàng)目中使用

●?其實(shí)和原生 JS 大同小異, 基本一致

●?你肯定要有一個(gè) vue 項(xiàng)目, 然后下載 "wangEditor"

●?咱們直接使用就好了

1.? 確定好你的初始結(jié)構(gòu)

2.? 接下來(lái)只要導(dǎo)入第三方初始化就好了

●?快去瀏覽器里面看看吧

●?你的富文本編輯器完成了