UE.registerUI('dialog',function(editor,uiName){

//创建dialog

var dialog = new UE.ui.Dialog({

//指定弹出层中页面的路径,这里只能支持页面,因为跟addCustomizeDialog.js相同目录,所以无需加路径

iframeUrl:'/地址',

//需要指定当前的编辑器实例

editor:UEditor,

//指定dialog的名字

name:uiName,

//dialog的标题

title:"搜索一个Poi",

//指定dialog的外围样式

cssRules:"width:600px;height:300px;",

//如果给出了buttons就代表dialog有确定和取消

buttons:[

{

className:'edui-okbutton',

label:'插入',

onclick:function () {

dialog.close(true);

}

},

{

className:'edui-cancelbutton',

label:'取消',

onclick:function () {

dialog.close(false);

}

}

]});

//参考addCustomizeButton.js

var btn = new UE.ui.Button({

name:'dialogbutton' + uiName,

title:'插入POI',

//需要添加的额外样式,指定icon图标,这里默认使用一个重复的icon

cssRules :'background-image:url(图片地址)',

onclick:function () {

//渲染dialog

dialog.render();

dialog.open();

}

});

return btn;

});

在百度编辑器中编辑自定义按钮,想用自己的图片作为按钮图片。指定图片不能达到效果。

回复内容:

UE.registerUI('dialog',function(editor,uiName){

//创建dialog

var dialog = new UE.ui.Dialog({

//指定弹出层中页面的路径,这里只能支持页面,因为跟addCustomizeDialog.js相同目录,所以无需加路径

iframeUrl:'/地址',

//需要指定当前的编辑器实例

editor:UEditor,

//指定dialog的名字

name:uiName,

//dialog的标题

title:"搜索一个Poi",

//指定dialog的外围样式

cssRules:"width:600px;height:300px;",

//如果给出了buttons就代表dialog有确定和取消

buttons:[

{

className:'edui-okbutton',

label:'插入',

onclick:function () {

dialog.close(true);

}

},

{

className:'edui-cancelbutton',

label:'取消',

onclick:function () {

dialog.close(false);

}

}

]});

//参考addCustomizeButton.js

var btn = new UE.ui.Button({

name:'dialogbutton' + uiName,

title:'插入POI',

//需要添加的额外样式,指定icon图标,这里默认使用一个重复的icon

cssRules :'background-image:url(图片地址)',

onclick:function () {

//渲染dialog

dialog.render();

dialog.open();

}

});

return btn;

});

在百度编辑器中编辑自定义按钮,想用自己的图片作为按钮图片。指定图片不能达到效果。

一般写在defaul.css中自定义

html编辑器不支持自定义样式,百度编辑器自定义按钮样式问题(写在cssRules不起做用)?...相关推荐

  1. 百度编辑器插入自定义html,百度编辑器自定义模板

    前言: 有些时候我们想要一些固定格式的模板,然后在这个模板的基础上去进行编写可以提升我们的效率,就像微信发布图文消息的后台就有很多模板.除了可以方便我们写之外,还有就是有些格式默认是很难直接写出来的这 ...

  2. 百度编辑器整合html,怎么把百度编辑器(Ueditor)整合到dedecms中

    Ueditor整合dedecms步骤 1ueditor的下载安装 到ueditor官网下载最新版的编辑器源码,下载地址:ueditor我下载的是[1.2.4.0 PHP 版本] 到dedecms的目录 ...

  3. 百度编辑器回显html,UEditor百度编辑器的坑

    1.粘贴图片,原有图片显示错误 config配置中有个参数catchRemoteImageEnable(设置远程图片是否抓取到本地),设为false即可. 2.使用vue-ueditor-wrap 插 ...

  4. 百度编辑器图片上传 java_百度编辑器粘贴图片自动上传到服务器(Java版)

    Chrome+IE默认支持粘贴剪切板中的图片,但是我要发布的文章存在word里面,图片多达数十张,我总不能一张一张复制吧? Chrome高版本提供了可以将单张图片转换在BASE64字符串的功能.但是无 ...

  5. android 宏 文本编辑,宏韵编辑器(安卓支持宏的文本编辑器)-东方应用频道

    宏编辑器手机版,记录你生活琐事的简约宏的文本编辑器,在这里支持多种计算机语法的运用和书写,整体看上去非常的小清新,同时在这你也可以进行其中的快捷操作,语音转文字,多文件批量处理,颜色标签化,统计信息数 ...

  6. android百度地图 自定义气泡,百度地图自定义吹出框(气泡)(转)

    demo模式:非ARC,使用storyboard. demo资源: http://download.csdn.net/detail/mad1989/5252037 Step1 创建demo,并添加百度 ...

  7. 百度编辑器(ueditor)魔改:1、增加自定义按钮

    1.增加自定义按钮 2.彻底接管文件上传 3.高亮提示 4.滚动条管理 5.自定义排版 -------------------------------------------------------- ...

  8. 百度编辑器安全漏洞及其防护措施

    跟老赵头儿学开发之十四 : 百度编辑器安全漏洞及其防护措施 百度编辑器UEditor 是一套开源的在线html编辑器,它是由百度web前端研发部开发的所见即所得的富文本web编辑器,开发人员可以用 U ...

  9. 乐视云视频 接口开发 结合百度编辑器

    乐视云视频提供上传接口和删除接口,结合后台原本的百度编辑器,实现了从百度编辑器中直接上传视频,删除文章时一同删除云端视频等功能 上图,实现从百度编辑器中上传视频,上传完成后将视频插入到当前光标的位置, ...

最新文章

  1. TensorFlow常用Python扩展包
  2. Blueprint代码详细分析-Android10.0编译系统(七)
  3. 计算机组成原理课程内容,计算机组成原理课程教学大纲.doc.doc
  4. VTK:图表之CreateTree
  5. chrome json插件_如何使用此免费的Chrome扩展程序(或Firefox插件)获取易于阅读的JSON树
  6. 本周三、四两场直播丨云时代的数据管理;PG与openGauss的分区特性
  7. 那年学过的Java笔记三核心类库一
  8. 巴特沃斯低通滤波器 matlab,基于MATLAB做巴特沃斯低通滤波器..doc
  9. svn可视化操作工具
  10. Matlab与1stOpt多元非线性回归
  11. 机器人运动估计系列(番外篇)——从贝叶斯滤波到卡尔曼(上)
  12. URL调用高德地图导航
  13. web在线播放flv视频
  14. openstack-nova-api源码剖析1
  15. java 生成随机编码_Java生成随机编码
  16. python 导入sklearn时报错: no model named ‘murmurhash‘
  17. Kafka(三)、Kafka架构
  18. C语言 输出菱形 最短代码!
  19. SQL Server 2016 [修改数据库名称]及[添加次文件和日志文件]
  20. {魔兽编辑器学习笔记} 一 安装编辑器、创建地图

热门文章

  1. servlet3异步_Servlet 3的异步Servlet功能
  2. java签署ssl_签署Java代码
  3. spring mvc拦截器_Spring MVC拦截器示例
  4. JPA数据库架构生成
  5. Java8多线程ForkJoinPool:处理异常
  6. WildFly和Docker上的Java EE 7动手实验室
  7. Java EE:异步构造和功能
  8. JavaFX中的塔防
  9. JDK 7的算法和数据结构
  10. Java规范请求中的数字