背景
由于项目的需求使用fastadmin推荐的编辑器kindeditor,使用过程中发现没有段后距这个bug。查询搜索了所有的网上来源,都没有解决方案。鉴宇客户非常需要该功能,奋战几天写端代码实现了该功能。
插件实现
KindEditor.plugin('paragraph', function(K) {
var self = this, name = 'paragraph', lang = self.lang(name + '.');
self.clickToolbar(name, function() {
const iframe = document.querySelector("iframe").contentDocument;
var curVal = '', commonNode = self.cmd.commonNode({'*' : '.line-height'});
if (commonNode) {
curVal = commonNode.css('margin-bottom');
}
var menu = self.createMenu({
name : name,
width : 150
});
K.each(lang.paragaph, function(i, row) {
K.each(row, function(key, val) {
menu.addItem({
title : val,
checked : curVal === key + 'px',
click : function() {
// wrapTextNo