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的数据进行解析。相似的还有字体、字体大小。

（以上是我的理解，有不正确的地方还望各位指点）