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