UEditor 自定义input,复选框,弹窗，修改，删除，取值，存值

以加入复选框为例：
1.在ueditor.config.js中找到toolbars的数组，并在数组中添加一个你需要新增的功能名称

toolbars: [.......,checkbox]

2.在zh-cn.js 中找到labelMap,主要是用于鼠标放置上去显示的文字提示内容

 //当鼠标放在工具栏上时显示的tooltip提示,留空支持自动多语言配置，否则以配置值为准
    labelMap:{
   
       'checkbox':'复选框'
    },

3.在ueditor.all.js 中找到"btnCmds" ,在数组的最后添加"checkbox"

 //为工具栏添加按钮，以下都是统一的按钮触发命令，所以写在一起
    var btnCmds = [......,'checkbox'];

4.这是该图标的样式是默认的B，可以修改为自己想要的样式，在ueditor.css中添加样式

.edui-default  .edui-for-checkbox .edui-icon {
   
  background-image: url(../images/checkbox.png) !important;
      background-size: 92%;
      background-repeat: no-repeat;
      padding: 9px;
}

完成以上4步后的效果图：

5.点击按钮加入复选框，在ueditor.all.js中添加如下代码，并加入你需要的功能

UE.plugins.checkbox = function() {
   
		var me = this;
		me.addListener("contentchange", function () {
   utils.each(domUtils.getElementsByTagName(me.document, 'input'), function (input) {
   
				input.onclick = function (evt) {
   
					  if(evt.target.checked){
   //选中效果
						  domUtils.setAttributes(this,{
   'checked':'checked'});
					  }else{
   //取消选中效果
						  domUtils.removeAttributes(this,'checked');
					  }
				}
			})
		}),
		 UE.commands.checkbox =  {
   
		 	// execCommand //执行各种操作命令
		      execCommand: function(cmdName,ci) {
   
		 		var me= this;
		 		me.focus();
		 		me.execCommand