zhangwy
/
Gsmarket


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369
							<!doctype html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>KindEditor Main Test</title>
		<!-- <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> -->
		<!-- <script src="../lib/firebug-lite/build/firebug-lite.js#startOpened"></script> -->
		<link rel="stylesheet" href="../themes/default/default.css?t=20120318.css" />
		<link rel="stylesheet" href="../themes/simple/simple.css" />
		<style>
			.selected {
				padding: 10px;
				margin: 10px;
			}
			table, td, tr {
				padding: 10px;
				margin: 10px;
			}
		</style>
		<script src="../src/core.js"></script>
		<script src="../src/config.js"></script>
		<script src="../src/event.js"></script>
		<script src="../src/html.js"></script>
		<script src="../src/selector.js"></script>
		<script src="../src/node.js"></script>
		<script src="../src/range.js"></script>
		<script src="../src/cmd.js"></script>
		<script src="../src/widget.js"></script>
		<script src="../src/edit.js"></script>
		<script src="../src/toolbar.js"></script>
		<script src="../src/menu.js"></script>
		<script src="../src/colorpicker.js"></script>
		<script src="../src/uploadbutton.js"></script>
		<script src="../src/dialog.js"></script>
		<script src="../src/tabs.js"></script>
		<script src="../src/ajax.js"></script>
		<script src="../src/main.js"></script>
		<script src="../lang/zh-CN.js"></script>
		<script src="../lang/en.js"></script>
		<script src="../plugins/emoticons/emoticons.js"></script>
		<script src="../plugins/flash/flash.js"></script>
		<script src="../plugins/link/link.js"></script>
		<script src="../plugins/media/media.js"></script>
		<script src="../plugins/plainpaste/plainpaste.js"></script>
		<script src="../plugins/table/table.js"></script>
		<script src="../plugins/wordpaste/wordpaste.js"></script>
		<script src="../plugins/filemanager/filemanager.js"></script>
		<script src="../plugins/preview/preview.js"></script>
		<script src="../plugins/code/code.js"></script>
		<script src="../plugins/map/map.js"></script>
		<script src="../plugins/lineheight/lineheight.js"></script>
		<script src="../plugins/clearhtml/clearhtml.js"></script>
		<script src="../plugins/table/table.js"></script>
		<script src="../plugins/fixtoolbar/fixtoolbar.js"></script>
		<script src="../plugins/autoheight/autoheight.js"></script>
	</head>
	<body>
		<h1 id="type">KindEditor Main Test</h1>
		<table id="menu">
		<tr>
		<td align="center">
		<form method="post" action="../php/demo.php">
			<textarea name="content1" cols="100" rows="20" style="width:100%;height:200px;"><div>
    <img alt="" src="/kindeditor/plugins/emoticons/images/0.gif" />
    <div>
        123
    </div>
</div>
</textarea>
			<br />
			<textarea name="content2" cols="100" rows="20" style="width:80%;height:200px;"><table style="width:100%;" cellpadding="2" cellspacing="0" border="1" bordercolor="#000000">
	<tbody>
		<tr>
			<td rowspan="3">
				<br />
			</td>
			<td>
				<br />
			</td>
			<td>
				<br />
			</td>
			<td>
				<br />
			</td>
			<td>
				<br />
			</td>
		</tr>
		<tr>
			<td>
				<br />
			</td>
			<td>
				<br />
			</td>
			<td>
				<br />
			</td>
			<td>
				<br />
			</td>
		</tr>
		<tr>
			<td>
				<br />
			</td>
			<td>
				<br />
			</td>
			<td>
				<br />
			</td>
			<td>
				<br />
			</td>
		</tr>
		<tr>
			<td>
				<br />
			</td>
			<td>
				<br />
			</td>
			<td>
				<br />
			</td>
			<td>
				<br />
			</td>
			<td>
				<br />
			</td>
		</tr>
		<tr>
			<td>
				<br />
			</td>
			<td>
				<br />
			</td>
			<td>
				<br />
			</td>
			<td>
				<br />
			</td>
			<td>
				<br />
			</td>
		</tr>
	</tbody>
</table>
<br />
<br />
<input checked="checked" type="radio" />
<p>
	在 Opera 浏览器下使用 KindEditor 有这么一个问题，当你编辑一篇长文章，而且编辑器中的内容已经滚动到最底部时，这时候我复制了一些文本到文章最底下。编辑器就会自动将内容滚动的最开始，然后我又要拉滚动条到最下方去添加更多内容。
</p>
<p>
	在 Opera 浏览器下使用 KindEditor 有这么一个问题，当你编辑一篇长文章，而且编辑器中的内容已经滚动到最底部时，这时候我复制了一些文本到文章最底下。编辑器就会自动将内容滚动的最开始，然后我又要拉滚动条到最下方去添加更多内容。
</p>
<p>
	在 Opera 浏览器下使用 KindEditor 有这么一个问题，当你编辑一篇长文章，而且编辑器中的内容已经滚动到最底部时，这时候我复制了一些文本到文章最底下。编辑器就会自动将内容滚动的最开始，然后我又要拉滚动条到最下方去添加更多内容。
</p>
<p>
	在 Opera 浏览器下使用 KindEditor 有这么一个问题，当你编辑一篇长文章，而且编辑器中的内容已经滚动到最底部时，这时候我复制了一些文本到文章最底下。编辑器就会自动将内容滚动的最开始，然后我又要拉滚动条到最下方去添加更多内容。
</p><input checked="checked" type="radio">
<p>在 Opera 浏览器下使用 KindEditor 有这么一个问题，当你编辑一篇长文章，而且编辑器中的内容已经滚动到最底部时，这时候我复制了一些文本到文章最底下。编辑器就会自动将内容滚动的最开始，然后我又要拉滚动条到最下方去添加更多内容。</p>
<p>在 Opera 浏览器下使用 KindEditor 有这么一个问题，当你编辑一篇长文章，而且编辑器中的内容已经滚动到最底部时，这时候我复制了一些文本到文章最底下。编辑器就会自动将内容滚动的最开始，然后我又要拉滚动条到最下方去添加更多内容。</p>
<p>在 Opera 浏览器下使用 KindEditor 有这么一个问题，当你编辑一篇长文章，而且编辑器中的内容已经滚动到最底部时，这时候我复制了一些文本到文章最底下。编辑器就会自动将内容滚动的最开始，然后我又要拉滚动条到最下方去添加更多内容。</p>
<p>在 Opera 浏览器下使用 KindEditor 有这么一个问题，当你编辑一篇长文章，而且编辑器中的内容已经滚动到最底部时，这时候我复制了一些文本到文章最底下。编辑器就会自动将内容滚动的最开始，然后我又要拉滚动条到最下方去添加更多内容。</p>
			</textarea>
			<br />
			<select id="uploadFile">
				<option value="">附件列表</option>
			</select>
			<br />
			HTML计数：<span id="J_count1"></span>
			<br />
			<!-- <iframe src="http://test.domain.com/github-kindsoft/kindeditor/test/leak.html"></iframe> -->
			<textarea id="insertHtml" style="width:90%;"><!-- comment test --><strong>abcd</strong></textarea>
			<br />
			<input type="button" id="create1" value="Create #1" />
			<input type="button" id="create2" value="Create #2" />
			<input type="button" id="remove1" value="Remove #1" />
			<input type="button" id="remove2" value="Remove #2" />
			<input type="button" id="getHtml1" value="Get HTML #1" />
			<input type="button" id="fullHtml1" value="Get Full HTML #1" />
			<input type="button" id="setHtml1" value="Set HTML #1" />
			<input type="button" id="empty1" value="Empty #1" />
			<input type="button" id="getText1" value="Get Text #1" />
			<input type="button" id="setText1" value="Set Text #1" />
			<input type="button" id="selectedHtml1" value="Get Selected HTML #1" />
			<input type="button" id="insertHtml1" value="Insert HTML #1" />
			<input type="button" id="appendHtml1" value="Append HTML #1" />
			<input type="button" id="sync1" value="Sync #1" />
			<input type="button" id="focus1" value="Focus #1" />
			<input type="button" id="blur1" value="Blur #1" />
			<input type="button" id="readonly1" value="Readonly #1" />
			<input type="button" id="cancelReadonly1" value="Cancel Readonly #1" />
			<input type="button" id="isEmpty1" value="Is Empty #1" />
			<input type="button" id="isDirty1" value="Is Dirty #1" />
			<input type="button" id="loadPlugin1" value="Load Plugin #1" />
			<input type="submit" name="button" value="Submit" />
			<input type="reset" name="button" value="Reset" />
			<input type="text" id="url" value="" /> <input type="button" id="image" value="选择图片" />
		</form>
		<script>
			KindEditor.DEBUG = true;
			KindEditor.options.filterMode = false;
			KindEditor.options.autoHeightMode = true;
			KindEditor.options.fixToolBar = true;
			//document.domain = 'domain.com';
			KindEditor.basePath = '../';
			KindEditor.ready(function(K) {
				var editor1 = K.create('textarea[name=content1]', {
					basePath : '../',
					pluginsPath : '../plugins/',
					urlType : 'absolute',
					themeType : 'simple',
					allowImageUpload : true,
					allowImageRemote : true,
					allowFileUpload : true,
					designMode : true,
					allowFileManager : true,
					fullscreenMode : false,
					formatUploadUrl : false,
					fullscreenShortcut : false,
					newlineTag : 'p',
					pasteType : 1,
					extraFileUploadParams : {
						'testParam1' : 'a',
						'testParam2' : 'b'
					},
					//afterTab : function() {
						//editor2.focus();
					//},
					afterChange : function() {
						K('#J_count1').html(this.count());
						//console.log('1');
					},
					afterUpload : function(url, data, name) {
						var select = K('#uploadFile')[0];
						select.options.add(new Option(url, url));
						console.log(data);
						console.log(name);
					},
					afterSelectFile : function(url) {
						var select = K('#uploadFile')[0];
						select.options.add(new Option(url, url));
					},
					afterCreate : function() {
						//this.loadPlugin('autoheight');
					}
				});
				K('#create1').click(function(e) {
					editor1.create();
				});
				K('#remove1').click(function(e) {
					editor1.remove();
				});
				K('#getHtml1').click(function(e) {
					alert(editor1.html());
				});
				K('#fullHtml1').click(function(e) {
					alert(editor1.fullHtml());
				});
				K('#setHtml1').click(function(e) {
					editor1.html(K('#insertHtml').val());
				});
				K('#empty1').click(function(e) {
					editor1.html('');
				});
				K('#getText1').click(function(e) {
					alert(editor1.text());
				});
				K('#setText1').click(function(e) {
					editor1.text(K('#insertHtml').val());
				});
				K('#selectedHtml1').click(function(e) {
					alert(editor1.selectedHtml());
				});
				K('#insertHtml1').click(function(e) {
					editor1.insertHtml(K('#insertHtml').val());
				});
				K('#appendHtml1').click(function(e) {
					editor1.appendHtml(K('#insertHtml').val());
				});
				K('#sync1').click(function(e) {
					editor1.sync();
					alert(K('textarea[name=content1]').val());
				});
				K('#focus1').click(function(e) {
					editor1.focus();
				});
				K('#blur1').click(function(e) {
					editor1.blur();
				});
				K('#readonly1').click(function(e) {
					editor1.readonly();
				});
				K('#cancelReadonly1').click(function(e) {
					editor1.readonly(false);
				});
				K('#isEmpty1').click(function(e) {
					alert(editor1.isEmpty());
				});
				K('#isDirty1').click(function(e) {
					alert(editor1.isDirty());
				});
				K('#loadPlugin1').click(function(e) {
					editor1.loadPlugin('template', function() {

					});
					editor1.loadPlugin('template', function() {

					});
				});
				var editor2 = K.create(K('textarea[name=content2]').get(), {
					basePath : '../',
					langType : 'en',
					formatUploadUrl : false,
					afterTab : function() {
						K('#uploadFile')[0].focus();
					},
					afterCreate : function() {
						//this.loadPlugin('autoheight');
					}
				});
				K('#create2').click(function(e) {
					editor2.create();

				});
				K('#remove2').click(function(e) {
					editor2.remove();
				});

				var editor3 = K.editor({
					basePath : '../',
					themesPath : '../themes/',
					pluginsPath : '../plugins/',
					langPath : '../lang/',
					allowFileManager : true
				});
				K('#image').click(function() {
					editor3.loadPlugin('image', function() {
						editor3.plugin.imageDialog({
							imageUrl : K('#url').val(),
							clickFn : function(url, title, width, height, border, align) {
								K('#url').val(url);
								editor3.hideDialog();
							}
						});
					});
				});
				K.create('textarea[name=content1]');

				//K(window).bind('resize', function(e) {
				//	editor1.resize(null, document.documentElement.clientHeight);
				//});
			});
		</script>
		</td>
		</tr>
		</table>
		<div style="height:1000px;"></div>
	</body>
</html>