秀米图文排版UEditor插件示例
在您的UEditor网页中引用http://xiumi.us/connect/ue/v5/xiumi-ue-dialog-v5.js/**
* Created by shunchen_yang on 16/10/25.
*/
UE.registerUI('dialog', function (editor, uiName) {
var btn = new UE.ui.Button({
name : 'xiumi-connect',
title: '秀米',
onclick: function () {
var dialog = new UE.ui.Dialog({
iframeUrl: 'xiumi-ue-dialog-v5.html',
editor : editor,
name : 'xiumi-connect',
title : "秀米图文消息助手",
cssRules : "width: " + (window.innerWidth - 60) + "px;" + "height: " + (window.innerHeight - 60) + "px;",
});
dialog.render();
dialog.open();
}
});
return btn;
});
和
http://xiumi.us/connect/ue/v5/xiumi-ue-v5.css.edui-button.edui-for-xiumi-connect .edui-button-wrap .edui-button-body .edui-icon {
background-image: url("http://xiumi.us/connect/ue/xiumi-connect-icon.png") !important;
background-size: contain;
}
，也可以下载文件后直接在代码里面插入。
下载文件
http://xiumi.us/connect/ue/v5/xiumi-ue-dialog-v5.html
和
http://hgs.xiumi.us/uedit/dialogs/internal.js
，将其放置于UEditor网页的目录内。如果您将其放置于其他目录，请修改
xiumi-ue-dialog-v5.js
中相应的内容:
iframeUrl: 'xiumi-ue-dialog-v5.html',
修改UEditor的配置，粘贴内容的时候，不要清除section, style等格式代码。
页:
[1]