wangEditor編輯器如何實(shí)現(xiàn)點(diǎn)擊空格為網(wǎng)址增加超鏈接
最近發(fā)現(xiàn)百度編輯器的一個(gè)比較高級的功能，就是在你輸入的文本內(nèi)容中如果是存在網(wǎng)址的話，在網(wǎng)址后面點(diǎn)一下空格就可以實(shí)現(xiàn)自動為網(wǎng)址加上超鏈接，用起來真的是非常的方便。由于我們的項(xiàng)目中不是全部用的百度編輯器，
2024-07-07
wangeditor-如何清空富文本編輯器
之前我們已經(jīng)成功的安裝并使用wangeditor富文本編輯器。但有時(shí)發(fā)送完富文本編輯器的內(nèi)容之后，我們希望編輯器能夠自動清空內(nèi)容。這該如何實(shí)現(xiàn)呢？之前使用的方法是直接向子組件傳值，把content內(nèi)容置空。但發(fā)現(xiàn)這樣寫存在bug，只有第一次請求后富文本會自動清空，再次請求后方法失效。我們可以在子組件內(nèi)編寫一個(gè)清空方法，利用setHtml方法將編輯器成功清空。注意不能只傳一個(gè)空字符串，而必須傳入如下...
2023-07-17
Vue如何引入和使用wangEditor富文本編輯器
首先需要下載安裝包，可通過npm或CDN的方式，我們這里以npm為例，具體可去官網(wǎng)查看。 npm install @wangeditor/editor --save安裝vue2組件（可選）：npm install @wangeditor/editor-for-vue --save安裝vue3組件（可選）：npm install @wangeditor/editor-for-vue@next --s...
2023-07-14
利用富文本編輯器傳遞內(nèi)容Html--父傳子
發(fā)現(xiàn)有一個(gè)接口需要內(nèi)容和內(nèi)容的html兩種參數(shù)。借鑒一下同事的富文本編輯器，發(fā)現(xiàn)v-model并不能很好的實(shí)現(xiàn)雙向綁定，去編輯器官網(wǎng)啃了兩天，結(jié)合封裝起來的編輯器成功做成了雙向綁定，并能夠正確傳遞Html參數(shù)，以下請看例子。首先，這里可以看到，通過：傳遞editorParams這個(gè)參數(shù)，并在子組件中監(jiān)聽它的變化，當(dāng)父組件的值改變時(shí)，使其與子組件中的值相等，可以看到其中監(jiān)聽的數(shù)值很多，這里可以推斷e...
2023-06-27
利用富文本編輯器傳遞內(nèi)容Html--子傳父
解決了父傳子的問題，現(xiàn)在來解決子傳父的問題。因?yàn)檫@是一個(gè)修改的頁面，所以文本肯定需要修改，現(xiàn)在我們改變了文本值嘗試點(diǎn)擊立即修改并發(fā)送editorParams.content的值?？梢钥吹絚ontent的值并沒有改變，但是文本已經(jīng)改變了，這里的坑是因?yàn)殡p向綁定在子組件而不是父組件，這里的editorParams.content只是作為父組件傳遞的參數(shù)而不是雙向綁定的參數(shù)。那么要怎么得到子元素的文本值...
2023-06-27
