Summernote 自定义按钮和回调

Summernote是一个很简洁的富文本编辑器,因为本来已经封装好的自己的图片上传,又不想用sumernote的上传方法,最后就直接重新定义一个图片上传按钮,然后就可以调用自己之前的上传方法了。
下面是自己重新定义按钮和自己调用自己方法的代码

/**
 * 保存富文本模板
 */
$(document).ready(function () {
    var MyphotoButton = function (context) {
        var ui = $.summernote.ui;

        // create button
        var button = ui.button({
            contents: '<i class="fa fa-child"/>',  //按钮样式
            tooltip: '图片',
            click: function () {
                myfunction(params);//这里是我自己的点出时触发的事件
            },
            callback:function(){
        initfunction(params); //这里的回调函数会在加载页面的时候直接执行
        }
        });

        return button.render();    //按钮渲染
    }
    $(".summernote").summernote({
        lang: "zh-CN",
        height: 300,
        toolbar: [
            ['operate', ['undo','redo']],
            ['magic',['style']],
            ['style', ['bold', 'italic', 'underline', 'clear']],
            ['para', ['height','fontsize','ul', 'ol', 'paragraph']],
            ['font', ['strikethrough', 'superscript', 'subscript']],
            ['color', ['color']],
            ['insert',['myphoto','video','link','table','hr']],//自定义按钮展示
            ['layout',['codeview']],
        ],
        buttons: {
            myphoto: MyphotoButton      //自已定义的按钮函数
        },
    });
});

猜你喜欢

转载自blog.csdn.net/ithover/article/details/80376557