summernote自定義行高修改

summernote 行高自定義

由於疫情緣由，公司延遲開工，同時實習生開工時間比正式員工更晚，因此在家躺了很長時間，直到產品經理（非技術出身）打電話讓我改項目！！！！

具體要求是這樣的：「客戶那邊說富文本里面的行高與設計圖的要求不符，你看能不能把原來的改爲咱們要的。並且xx編輯頁的行高要16px，xx的行高要24px。」

按照產品的意思，想讓我每一個編輯頁都要改一遍，這樣不只工做量增長，同時代碼複用性也差。因此我想從源碼入手，這樣也直接能夠應用多個編輯頁。

百度上相似問題的博客有：https://blog.csdn.net/sky_sunshine_x/article/details/80985097 可是不夠詳細，也沒有進行解釋。

原來的summernote 行高 設置是這樣的：

修改以後是這樣的：

具體流程以下： 一、找到summernote源碼中的summernote_config_for_edit.js文件 二、編輯以下：

相關說明： 以上操做僅修改了富文本框的工具欄中的行高選項，可是仍會對文本的行高形成影響。summernote的源碼中並無對line-height進行處理的相關函數，也不須要。瀏覽器會對line-height的數據進行解析。相似的還有字體、字體大小。

（以上是我的理解，有不正確的地方還望各位指點）