|
|
|
|
|
<!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/black/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>
|
