fastadmin集成kindeditor编辑器解决段后距问题--全网唯一

最新推荐文章于 2025-07-27 21:23:14 发布

原创

最新推荐文章于 2025-07-27 21:23:14 发布 · 376 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#编辑器

背景

由于项目的需求使用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