angularjs kindEditor 中自定义按钮 弹出dialog


1.angular-kindeditor.js 第38行左右加

editorConfig.items = ["placehoder"];

2.en.js 第234行
placeholder : 'placeholder'

3.
/placeholder/placehoder.js
KindEditor.plugin('placeholder', function(K) {
var self = this, name = 'placeholder';
// 点击图标时执行
self.clickToolbar(name, function() {
var dialog = K.dialog({
width : 500,
title : 'Select window',
body : '<div style="margin:10px;">' +
'<strong>' +
'<label>Select:</label>' +
'<select class="form-control" id="select_id" style=" 180px;">' +
'<option value="">---select---</option>' +
'<option value="{company}">Company</option>' +
'<option value="{phone}">Phone</option>' +
'<option value="{email}">Email</option>' +
'</select>' +
'</strong>' +
'</div>',
closeBtn : {
name : 'Close',
click : function(e) {
dialog.remove();
}
},
yesBtn : {
name : 'Ok',
click : function(e) {
if($("#select_id").val().length==0){
alert("Pleace choice value");
return;
}
self.insertHtml($("#select_id").val());
dialog.remove();
}
},
noBtn : {
name : 'Cancel',
click : function(e) {
dialog.remove();
}
}
});
});
});
网页参考http://www.organtranspl.com/Public/kindeditor/examples/dialog.html

原文地址:https://www.cnblogs.com/qyhol/p/5438744.html