kindeditor/examples/demo-17.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<!doctype html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>KindEditor</title>
		<style>
			textarea {
				display: block;
			}
			.ke-icon-example1 {
				background-image: url(../skins/default/default.gif);
				background-position: 0px -672px;
				width: 16px;
				height: 16px;
			}
			.ke-icon-example2 {
				background-image: url(../skins/default/default.gif);
				background-position: 0px -672px;
				width: 16px;
				height: 16px;
			}
		</style>
		<script charset="utf-8" src="../kindeditor.js"></script>
		<script>
			KE.lang.example1 = '插入HTML';
			KE.plugin.example1 = {
				click : function(id) {
					KE.insertHtml(id, '<strong>测试内容</strong>');
				}
			};
			KE.lang.example2 = 'CLASS样式';
			KE.plugin.example2 = {
				click : function(id) {
					var self = this;
					var cmd = 'example2';
					KE.util.selection(id);
					var menu = new KE.menu({
						id : id,
						cmd : cmd,
						width : 120
					});
					menu.add('红底白字', function() { self.exec(id, 'red'); });
					menu.add('绿底白字', function() { self.exec(id, 'green'); });
					menu.add('黄底白字', function() { self.exec(id, 'yellow'); });
					menu.add('自定义删除线', function() { self.exec(id, 'adv_strikethrough'); });
					menu.show();
					this.menu = menu;
				},
				exec : function(id, value) {
					var cmd = new KE.cmd(id);
					if (value === 'adv_strikethrough') {
						cmd.wrap('span', [{'.background-color': '#e53333', '.text-decoration': 'line-through'}]);
					} else {
						cmd.wrap('span', [{'class': value}]);
					}
					KE.util.execOnchangeHandler(id);
					this.menu.hide();
					KE.util.focus(id);
				}
			};