Vue3 富文本編輯器處理方案
2023-11-23 11:55 作者:不良人王德發(fā) | 我要投稿


編輯庫選擇標準
對于現(xiàn)在的前端編輯庫富文本而言,如果僅從功能上來去看的話,那么其實都是相差無幾的。隨便從 github
中挑選編輯庫,只要 star
在 10K(保守些)
以上的,編輯器之上的常用功能一應俱全。富文本我們使用 wangEditor,因為 wangEditor是國產(chǎn)框架、文檔越詳盡,提供了中文文檔(英文好的可以忽略)、更新快速,不像谷歌開源的markdown-here,github上都好多年沒更新了。
本文選擇 wangEditor
我們這里使用的是4.x版本的,當然你也可以使用最新v5版本的,4.x版本我覺得api使用起來更舒服,因人而異吧。安裝完成之后,我們把editor封裝成一個組件,代碼邏輯和注釋如下:
頁面中使用
效果

總結
對于大家而言,不一定非要使用我們在文章中使用的這個編輯器庫。
因為對于編輯器庫而言,它的使用方式都是大同小異的,大家只需要根據(jù)我們實際業(yè)務需求和使用習慣來選擇使用自己當前情況的編輯器庫即可
原文:https://www.jianshu.com/p/f8aa51654966
原作者:程序員三千_
后記:
????wangEditor@5也可以,但是,在electron集成vue3的時候,v5輸入漢字后,回車或者空格文字就消失了,就改成了v4就好了,OK,就這樣,還是v4靠譜點,以后盡量用v4了!!!
標簽: