大学IT网 - 最懂大学生的IT学习网站! QQ资料交流群:367606806
当前位置:大学IT网 > JavaScript技巧 > KindEditor4编辑器添加可运行插件

KindEditor4编辑器添加可运行插件(1)

关键词:KindEditor4可运行插件  阅读(1192) 赞(31)

[摘要]本文主要介绍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();
	});
});
«上一页123下一页»


相关评论