秀米图文排版UEditor插件示例

admin

在您的UEditor网页中引用

1. http://xiumi.us/connect/ue/v5/xiumi-ue-dialog-v5.js

复制代码

1. /**
   
2. * Created by shunchen_yang on 16/10/25.
   
3. */
   
4. UE.registerUI('dialog', function (editor, uiName) {
   
5.     var btn = new UE.ui.Button({
   
6.         name   : 'xiumi-connect',
   
7.         title  : '秀米',
   
8.         onclick: function () {
   
9.             var dialog = new UE.ui.Dialog({
   
10.                 iframeUrl: 'xiumi-ue-dialog-v5.html',
    
11.                 editor   : editor,
    
12.                 name     : 'xiumi-connect',
    
13.                 title    : "秀米图文消息助手",
    
14.                 cssRules : "width: " + (window.innerWidth - 60) + "px;" + "height: " + (window.innerHeight - 60) + "px;",
    
15.             });
    
16.             dialog.render();
    
17.             dialog.open();
    
18.         }
    
19.     });
    
20. 
    
21.     return btn;
    
22. });

复制代码

和

1. http://xiumi.us/connect/ue/v5/xiumi-ue-v5.css

复制代码

1. .edui-button.edui-for-xiumi-connect .edui-button-wrap .edui-button-body .edui-icon {
   
2.     background-image: url("http://xiumi.us/connect/ue/xiumi-connect-icon.png") !important;
   
3.     background-size: contain;
   
4. }

复制代码

，也可以下载文件后直接在代码里面插入。
下载文件

1. http://xiumi.us/connect/ue/v5/xiumi-ue-dialog-v5.html

复制代码

和

1. http://hgs.xiumi.us/uedit/dialogs/internal.js

复制代码

，将其放置于UEditor网页的目录内。如果您将其放置于其他目录，请修改

1. xiumi-ue-dialog-v5.js

复制代码

中相应的内容:

1. iframeUrl: 'xiumi-ue-dialog-v5.html',

复制代码

修改UEditor的配置，粘贴内容的时候，不要清除section, style等格式代码。