WordPaster-UEditor1.x整合教程

主要步骤如下:

1.1.1. 集成WordPaster文件夹

WordPaster-UEditor1.x整合教程_第1张图片

 

1.1.2. 在工具栏图标集合中增加插件按钮图标

WordPaster-UEditor1.x整合教程_第2张图片

WordPaster-UEditor1.x整合教程_第3张图片

 

1.1.3. 修改ueditor.css文件

WordPaster-UEditor1.x整合教程_第4张图片

增加以下代码:

.edui-default .edui-for-wordpaster .edui-icon {

    width: 16px;

    height: 16px;

    background-position: -648px -77px;

}

.edui-default .edui-for-netpaster .edui-icon {

    width: 16px;

    height: 16px;

    background-position: -693px -77px;

}

.edui-default .edui-for-excelpaster .edui-icon {

    background-position: -675px -77px;

}

 

1.1.4. ueditor工具栏中增加插件按钮

WordPaster-UEditor1.x整合教程_第5张图片

WordPaster-UEditor1.x整合教程_第6张图片

 

1.1.5. 增加插件按钮事件响应代码

WordPaster-UEditor1.x整合教程_第7张图片

代码如下:

UE.commands['wordpaster'] = {

    execCommand : function(){

        pasterMgr.Paste();

    }

};

UE.commands['excelpaster'] = {

    execCommand : function(){

        pasterMgr.PasteExcel();

    }

};

 

如果使用ueditor.all.min.js则添加下列代码:

1143448369

代码:

UE.commands.wordpaster={execCommand:function(){pasterMgr.Paste();}};

 

 

1.1.6. 增加工具栏命令按钮

WordPaster-UEditor1.x整合教程_第8张图片

 

如何使用ueditor.all.min.js则添加下列代码:

1143448779

 

1.1.7. 添加到右键菜单

1143448909

WordPaster-UEditor1.x整合教程_第9张图片

集成后的效果:

WordPaster-UEditor1.x整合教程_第10张图片

 

1.1.8. 自定义Ctrl+V快捷键

修改ueditor.all.js代码

WordPaster-UEditor1.x整合教程_第11张图片

你可能感兴趣的:(ueditor)