增加一个普通按钮（上）
让百度编辑器上传的图片无空行（空隙），在手机端展示的图片之间无空隙下面就让我们从最简单的功能开始UEditor的二次开发之旅：在工具栏上增加一个按钮，点击按钮的时候把编辑器中的所有图片设置为左浮动，宽度设为100%。

第一步：找到ueditor.config.js文件中的toolbars参数，增加一个“fixedpic”字符串，对应着添
例如：下图为自定义了一个fixedpic的按钮
第二步：找到ui/editorui.js文件中的btnCmds数组，在其中同样增加一个“fixedpic”字符串。

例如：1.4.3版的在ueditor.all.js中添加
第三步：清空缓存刷新下页面吧！工具栏的对应位置是否出现了一个自己定义的按钮呢？如下图所示：
由于此时未设置对应按钮的图片样式，所以会显示默认的“B”字符。

要想让其显示成自己需要的图标样式，接着按照下面的步骤动手吧。

第四步：找到themes/default/css/ueditor.css文件，增加一条样式定义:
完成后刷新浏览器，可以看到此时图标已经显示为如下图所示：
此处的样式定义了showmsg图标在UEditor默认的精灵Icon图片（themes/default/images/icons.png）中的位置偏移。

如需更改成另外图标，只需添加图标到该图片文件中，然后设置偏移值即可。

第五步：到此为止，在UI层面已经完成了一个工具栏图标的显示和各种状态变化的逻辑，但是我们发现点击按钮之后毫无反应。

那是必然的，我们还必须为该按钮绑定属于它自己的事件处理方法。

实质上，此时一个默认的事件处理方法已经被UEditor绑定到按钮上了，只不过由于我们还没有定义该方法的具体内容，所以点击之后无任何变化。

下面我们就来定义该方法的具体内容：
效果如下：
再次刷新页面点击一下按钮吧！点击按钮前
点击后，图片间的空隙没了，且图片的宽度100%，去掉了高，这样图片就能在手机端自适应宽度和高度了！
源码
很简单，自己试试吧！
本例子参考官网的/website/document.html文档制作
本例子使用的jar包，请到官网
/website/download.html
ueditor1_4_3-utf8-jsp.zip。