<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>Image</title>
<style type="text/css" rel="stylesheet">
body {
margin: 0;
font:12px/1.5 "sans serif",tahoma,verdana,helvetica;
background-color:#F0F0EE;
color:#222222;
overflow:hidden;
}
form {
margin:0;
}
label {
cursor:pointer;
}
#resetBtn {
margin-left:10px;
cursor:pointer;
}
.main {
margin: 0 10px;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.tab-navi {
width:98%;
border-bottom:1px solid #A0A0A0;
padding-left:5px;
margin-bottom:10px;
}
.tab-navi ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
.tab-navi li {
position: relative;
border: 1px solid #A0A0A0;
background-color: #E0E0E0;
margin: 0 2px -1px 0;
padding: 0 20px;
float: left;
line-height: 25px;
text-align: center;
color: #555555;
cursor: pointer;
}
.tab-navi li.selected {
background-color: #F0F0EE;
border-bottom: 1px solid #F0F0EE;
color: #000000;
cursor: default;
}
.tab-navi li.on {
background-color: #F0F0EE;
color: #000000;
}
.table {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
display:block;
}
.table li {
padding:0;
margin-bottom:10px;
display:list-item;
}
.table li label {
font-weight:bold;
}
.table li input {
vertical-align:middle;
}
.table li img {
vertical-align:middle;
}
</style>
<script type="text/javascript">
var KE = parent.KindEditor;
location.href.match(/\?id=([\w-]+)/i);
var id = RegExp.$1;
var fileManager = null;
var allowUpload = (typeof KE.g[id].allowUpload == 'undefined') ? true : KE.g[id].allowUpload;
var allowFileManager = (typeof KE.g[id].allowFileManager == 'undefined') ? false : KE.g[id].allowFileManager;
var referMethod = (typeof KE.g[id].referMethod == 'undefined') ? '' : KE.g[id].referMethod;
var imageUploadJson = (typeof KE.g[id].imageUploadJson == 'undefined') ? '../../asp/upload_json.asp' : KE.g[id].imageUploadJson;
var lang = KE.lang.plugins.image;
KE.event.ready(function() {
var typeBox = KE.$('type', document);
var urlBox = KE.$('url', document);
var alignElements = document.getElementsByName('align');
var fileBox = KE.$('imgFile', document);
var widthBox = KE.$('imgWidth', document);
var heightBox = KE.$('imgHeight', document);
var titleBox = KE.$('imgTitle', document);
var resetBtn = KE.$('resetBtn', document);
var tabNavi = KE.$('tabNavi', document);
var defaultImg = KE.$('defaultImg', document);
var leftImg = KE.$('leftImg', document);
var rightImg = KE.$('rightImg', document);
var viewServer = KE.$('viewServer', document);
var liList = tabNavi.getElementsByTagName('li');
var selectTab = function(num) {
if (num == 1) resetBtn.style.display = 'none';
else resetBtn.style.display = '';
widthBox.value = '';
heightBox.value = '';
titleBox.value = '';
alignElements[0].checked = true;
for (var i = 0, len = liList.length; i < len; i++) {
var li = liList[i];
if (i === num) {
li.className = 'selected';
li.onclick = null;
} else {
if (allowUpload) {
li.className = '';
li.onmouseover = function() { KE.addClass(this, 'on'); };
li.onmouseout = function() { KE.removeClass(this, 'on'); };
li.onclick = (function (i) {
return function() {
if (!fileManager) selectTab(i);
};
})(i);
} else {
li.parentNode.removeChild(li);
}
}
KE.$('tab' + (i + 1), document).style.display = 'none';
}
typeBox.value = num + 1;
KE.$('tab' + (num + 1), document).style.display = '';
}
if (!allowFileManager) {
viewServer.parentNode.removeChild(viewServer);
urlBox.style.width = '300px';
}
selectTab(0);
var imgNode = KE.plugin['image'].getSelectedNode(id);
if (imgNode) {
var tempDiv = KE.$$('div', KE.g[id].iframeDoc);
tempDiv.appendChild(imgNode.cloneNode(false));
var imgHtml = tempDiv.innerHTML;
var src = imgNode.src;
if (imgHtml.match(/kesrc="([^"]+)"/i)) src = RegExp.$1;
urlBox.value = src;
widthBox.value = imgNode.width;
heightBox.value = imgNode.height;
titleBox.value = (typeof imgNode.alt != 'undefined') ? imgNode.alt : imgNode.title;
for (var i = 0, len = alignElements.length; i < len; i++) {
if (alignElements[i].value == imgNode.align) {
alignElements[i].checked = true;
break;
}
}
}
KE.event.add(viewServer, 'click', function () {
if (fileManager) return false;
fileManager = new KE.dialog({
id : id,
cmd : 'file_manager',
file : 'file_manager/file_manager.html?id=' + id + '&ver=' + KE.version,
width : 500,
height : 400,
loadingMode : true,
title : KE.lang.fileManager,
noButton : KE.lang.no,
afterHide : function() {
fileManager = null;
}
});
fileManager.show();
});
KE.$('uploadForm', document).action = imageUploadJson;
KE.$('referMethod', document).value = referMethod;
var alignIds = ['default', 'left', 'right'];
for (var i = 0, len = alignIds.length; i < len; i++) {
KE.event.add(KE.$(alignIds[i] + 'Img', document), 'click', (function(i) {
return function() {
KE.$(alignIds[i] + 'Chk', document).checked = true;
};
})(i));
}
KE.event.add(resetBtn, 'click', function() {
var g = KE.g[id];
var img = KE.$$('img', g.iframeDoc);
img.src = urlBox.value;
img.style.position = 'absolute';
img.style.visibility = 'hidden';
img.style.top = '0px';
img.style.left = '1000px';
g.iframeDoc.body.appendChild(img);
widthBox.value = img.width;
heightBox.value = img.height;
g.iframeDoc.body.removeChild(img);
});
KE.util.pluginLang('image', document);
viewServer.value = lang.viewServer;
resetBtn.alt = resetBtn.title = lang.resetSize;
defaultImg.alt = defaultImg.title = lang.defaultAlign;
leftImg.alt = leftImg.title = lang.leftAlign;
rightImg.alt = rightImg.title = lang.rightAlign;
KE.util.hideLoadingPage(id);
}, window, document);
</script>
</head>
<body>
<div class="main">
<div id="tabNavi" class="tab-navi">
<ul class="clearfix">
<li><span id="lang.remoteImage"></span></li>
<li><span id="lang.localImage"></span></li>
</ul>
</div>
<iframe name="uploadIframe" id="uploadIframe" style="display:none;"></iframe>
<input type="hidden" id="type" name="type" value="" />
<form id="uploadForm" name="uploadForm" method="post" enctype="multipart/form-data" target="uploadIframe">
<input type="hidden" id="editorId" name="id" value="" />
<input type="hidden" id="referMethod" name="referMethod" value="" />
<input type="hidden" name="imgBorder" value="0" />
<ul class="table">
<li>
<div id="tab1" style="display:none;">
<label for="url"><span id="lang.remoteUrl"></span></label>
<input type="text" id="url" name="url" value="http://" maxlength="255" style="width:230px;" />
<input type="button" id="viewServer" name="viewServer" value="" />
</div>
<div id="tab2" style="display:none;">
<label for="imgFile"><span id="lang.localUrl"></span></label>
<input type="file" id="imgFile" name="imgFile" style="width:300px;" />
</div>
ASP版本的keditor
需积分: 10 137 浏览量
2011-08-11
10:55:27
上传
评论
收藏 369KB ZIP 举报
ASP版本的keditor （174个子文件） 
file_manager_json.asp 6KB JSON_2.0.4.asp 5KB upload_json.asp 2KB test.asp 42B default.css 16KB file_manager.css 1KB editor.css 906B default.css~ 16KB editor.css~ 855B
qq.gif 35KB 35.gif 13KB 42.gif 13KB 40.gif 10KB 18.gif 8KB 19.gif 8KB default.gif 8KB 11.gif 8KB 32.gif 7KB 49.gif 6KB 29.gif 6KB 97.gif 5KB 65.gif 5KB 31.gif 5KB 46.gif 5KB 57.gif 5KB 45.gif 5KB 8.gif 5KB 43.gif 4KB 33.gif 4KB 68.gif 4KB 26.gif 4KB 14.gif 4KB 7.gif 4KB 51.gif 4KB 10.gif 4KB 47.gif 4KB 72.gif 4KB 6.gif 3KB 94.gif 3KB 84.gif 3KB 41.gif 3KB 17.gif 3KB 9.gif 3KB 28.gif 3KB 50.gif 3KB 95.gif 3KB 22.gif 3KB 27.gif 3KB 67.gif 3KB 90.gif 3KB 60.gif 3KB 58.gif 3KB 74.gif 2KB 25.gif 2KB 101.gif 2KB 54.gif 2KB 99.gif 2KB 24.gif 2KB 12.gif 2KB 73.gif 2KB 104.gif 2KB 103.gif 2KB 34.gif 2KB 88.gif 2KB 53.gif 2KB 4.gif 2KB 23.gif 2KB 5.gif 2KB 21.gif 2KB 3.gif 2KB 0.gif 2KB 20.gif 2KB 2.gif 2KB 39.gif 2KB 96.gif 2KB 30.gif 2KB 100.gif 2KB 48.gif 2KB 13.gif 2KB 38.gif 2KB 98.gif 2KB 83.gif 2KB 81.gif 2KB 1.gif 2KB 55.gif 2KB 85.gif 2KB 44.gif 2KB 78.gif 2KB 15.gif 2KB 87.gif 2KB 82.gif 2KB 80.gif 2KB 59.gif 1KB 52.gif 1KB 86.gif 1KB 79.gif 1KB 102.gif 1KB 36.gif 1KB 16.gif 1KB 92.gif 1KB共 174 条
- 1
- 2
评论0
最新资源