找回密码
 立即注册
即日起,论坛关闭新用户注册和登录,论坛相关的贴子保留查阅和下载。获得授权后,有技术问题可联系微信 13199509559 一对一解决。 2024-3-12
查看: 6203|回复: 1
打印 上一主题 下一主题

[免费插件] 给编辑器增加工具栏固定浮动功能

3

主题

3

主题

3

主题

注册会员

Rank: 2

积分
80
跳转到指定楼层
1#
xingcj 发表于 2016-8-4 15:04:36 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
本帖最后由 xingcj 于 2016-8-5 08:00 编辑

在\function\editor目录中增加fixtoolbar.js文件,内容如下:

KindEditor.plugin('fixtoolbar', function (K) {
    var self = this;
    if (!self.fixToolBar) {
        return;
    }

    function init() {
        var toolbar = K('.ke-toolbar');
        var originY = toolbar.pos().y;
        K(window).bind('scroll', function () {
            if (toolbar.css('position') == 'fixed') {
                if(document.body.scrollTop - originY < 0){
                    toolbar.css('position', 'static');
                    toolbar.css('top', 'auto');
                }
            } else {
                if (toolbar.pos().y - document.body.scrollTop < 0) {
                    toolbar.css('position', 'fixed');
                    toolbar.css('top', 0);
                }
            }
        });
    }

    if (self.isCreated) {
        init();
    } else {
        self.afterCreate(init);
    }

});

编辑 \client\manage\templates\ourphp_editor.html ,增加红色字体内容

  <link rel="stylesheet" href="../../function/editor/themes/default/default.css" />
                <script charset="utf-8" src="../../function/editor/kindeditor.js"></script>
                <script charset="utf-8" src="../../function/editor/fixtoolbar.js"></script>               
                <script charset="utf-8" src="../../function/editor/lang/zh_CN.js"></script>
                <script>
                        KindEditor.ready(function(K) {
                                K.create('textarea[id="container"]', {
                                        allowFileManager : true,
                                        autoHeightMode : true,
                                        fixToolBar:true,
                                        afterCreate : function() {
                                                this.loadPlugin('autoheight');
                                        }
                                });
                        });
                </script>

此时后台编辑器的工具栏就可以固定浮动了。


222

主题

222

主题

222

主题

管理员

Rank: 9Rank: 9Rank: 9

积分
0
2#
admin 发表于 2016-8-4 17:56:04 | 只看该作者
这个小插件挺好,亲测的
不过修正一下,不是在 ourphp_banner.html,增加红色字体内容
而是在ourphp_editor.html 增加红色字体内容
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表