wangEditor3 - Web富文本編輯器自定義菜單


在項目中需要用到富文本編輯器,但是需要在菜單最后增加一個可點擊按鈕,點擊后做其它業務處理。

富文本采用了wangEditor,因為簡單輕巧

  官網: http://www.wangeditor.com/

  文檔:https://www.kancloud.cn/wangfupeng/wangeditor3/332599

用法什么的就不做介紹了。我的是npm install 來處理的

完成后的效果:

 

由於插件官方不支持自定義,那么只能自己實現,修改源碼。源碼位置在安裝包內。

1. 修改菜單顯示。

  找到菜單配置項目把自定義的菜單名稱放里面

 

 

2.添加自定義的回調函數

  在配置文件里面插入自定義的回調,這個只會輸出配置文件的時候顯示一下,告訴別人有哪些配置項。

  可以不用寫,因為在使用這個回調方法的時候會修改到這個地方的配置項,相當於自定義配置項。

 

3. 設置初始化顯示在頁面,添加點擊回調

 

4.使用,可以在回調里面做相應業務處理

 

 

 

 

 

 

 注意:由於代碼是修改了源碼,建議項目靜態資源里面保存一份,以免丟失。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM