kindEditor4 可运行插件
KindEditor4 插件的编写与 3 有很大的不同。官方文档也不多。
摸索了一下午终于弄了一个出来。
可运行程序插件
先贴代码。
KindEditor.plugin('run_code', function(K){ var self = this, name = 'run_code'; self.clickToolbar(name, function() { var lang = self.lang(name + '.'), html = ['<div style="padding:10px 20px;">', '<textarea class="ke-textarea" style="width:408px;height:260px;"></textarea>', '</div>'].join(''), dialog = self.createDialog({ name : name, width : 450, title : self.lang(name), body : html, yesBtn : { name : self.lang('yes'), click : function(e) { var day=new Date(); var h=day.getHours()<10 ? "0"+day.getHours() : day.getHours(); var m=day.getMinutes()<10 ? "0"+day.getMinutes() : day.getMinutes(); var s=day.getSeconds()<10 ? "0"+day.getSeconds() : day.getSeconds(); var time=h+""+m+""+s; var type = K('.ke-code-type', dialog.div).val(), code = textarea.val(), cls = type === '' ? '' : ' lang-' + type, html = '<div class="codediv">'; html += '<textarea class="codetextarea" style="width:98%;height:200px;" id="code_' + time + '">'; html += K.escape(code); html += '</textarea><div class="codeline">'; html += '<input type="button" class="codebutton" value="运行代码" onclick="runCode(\'code_'+time+'\')" >'; html += '<input type="button" class="codebutton" value="复制代码" onclick="copyCode(\'code_'+time+'\')" >'; html += '<input type="button" class="codebutton" value="另存代码" onclick="saveCode(\'code_'+time+'\')" >'; html += '</div></div><br>'; self.insertHtml(html).hideDialog().focus(); } } }), textarea = K('textarea', dialog.div); textarea[0].focus(); }); });