📄 insert_image.html
字号:
<!-- based on insimage.dlg -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD W3 HTML 3.2//EN">
<HTML id=dlgImage STYLE="width: 49.1em; height: 50em">
<HEAD>
<meta http-equiv="MSThemeCompatible" content="Yes">
<TITLE>插入图片</TITLE>
<style>
html, body, button, div, input, select, fieldset { font-family: MS Shell Dlg; font-size: 8pt; position: absolute; };
</style>
<!--
// htmlArea Released under the (Modified) BSD license
// Copyright (c) 2002, interactivetools.com, inc
// All rights reserved.
// Browse image dialog ASP code released under the (Modified) BSD license
// Copyright (c) 2002-2003, S Babu, vsbabu@vsbabu.org, http://vsbabu.org/
// All rights reserved.
// Adaptation to htmlArea and security addon released under the (Modified) BSD license
// Copyright (c) 2002-2003, P Engvall, pengvall@engvall.nu, // http://www.engvall.nu/
// All rights reserved.
// Browse image dialog PHP code released under the (Modified) BSD license
// Copyright (c) 2002-2003, Hyeo, http://www.21ds.net/
// All rights reserved.
-->
<SCRIPT LANGUAGE=JavaScript>
<!--
function showPreview()
{
if (document.frmImagePick.ImgUrl.value != "")
document.PREVIEWPIC.src=document.frmImagePick.ImgUrl.value ;
else
document.PREVIEWPIC.src='../icons/imgpreview.gif';
}
// -->
</SCRIPT>
<SCRIPT defer>
function _CloseOnEsc() {
if (event.keyCode == 27) { window.close(); return; }
}
function _getTextRange(elm) {
var r = elm.parentTextEdit.createTextRange();
r.moveToElementText(elm);
return r;
}
window.onerror = HandleError
function HandleError(message, url, line) {
var str = "出错了." + "\n\n"
+ "Error: " + line + "\n" + message;
alert(str);
window.close();
return true;
}
function Init() {
var elmSelectedImage;
var htmlSelectionControl = "Control";
var globalDoc = window.dialogArguments;
var grngMaster = globalDoc.selection.createRange();
// event handlers
document.body.onkeypress = _CloseOnEsc;
btnOK.onclick = new Function("btnOKClick()");
txtFileName.fImageLoaded = false;
txtFileName.intImageWidth = 0;
txtFileName.intImageHeight = 0;
if (globalDoc.selection.type == htmlSelectionControl) {
if (grngMaster.length == 1) {
elmSelectedImage = grngMaster.item(0);
if (elmSelectedImage.tagName == "IMG") {
txtFileName.fImageLoaded = true;
if (elmSelectedImage.src) {
document.frmImagePick.ImgUrl.value = elmSelectedImage.src;
document.PREVIEWPIC.src=document.frmImagePick.ImgUrl.value ;
txtFileName.value = elmSelectedImage.src.replace(/^[^*]*(\*\*\*)/, "$1"); // fix placeholder src values that editor converted to abs paths
txtFileName.intImageHeight = elmSelectedImage.height;
txtFileName.intImageWidth = elmSelectedImage.width;
txtVertical.value = elmSelectedImage.vspace;
txtHorizontal.value = elmSelectedImage.hspace;
txtBorder.value = elmSelectedImage.border;
txtAltText.value = elmSelectedImage.alt;
selAlignment.value = elmSelectedImage.align;
}
}
}
}
txtFileName.value = txtFileName.value || "http://";
// FOCUS REMOVED, Focus on ImgURL instead
// txtFileName.focus();
document.frmImagePick.ImgUrl.focus();
}
function _isValidNumber(txtBox) {
var val = parseInt(txtBox);
if (isNaN(val) || val < 0 || val > 999) { return false; }
return true;
}
function btnOKClick() {
var elmImage;
var intAlignment;
var htmlSelectionControl = "Control";
var globalDoc = window.dialogArguments;
var grngMaster = globalDoc.selection.createRange();
// error checking
// REMOVE: Http:// check
// if (!txtFileName.value || txtFileName.value == "http://") {
// alert("请输入有效的图片路径.");
// txtFileName.focus();
// return;
// }
if (txtHorizontal.value && !_isValidNumber(txtHorizontal.value)) {
alert("水平间距必须在 0 到 999 之间.");
txtHorizontal.focus();
return;
}
if (txtBorder.value && !_isValidNumber(txtBorder.value)) {
alert("边框必须在 0 到 999 之间.");
txtBorder.focus();
return;
}
if (txtVertical.value && !_isValidNumber(txtVertical.value)) {
alert("垂直间距必须在 0 到 999 之间.");
txtVertical.focus();
return;
}
// delete selected content and replace with image
if (globalDoc.selection.type == htmlSelectionControl && !txtFileName.fImageLoaded) {
grngMaster.execCommand('Delete');
grngMaster = globalDoc.selection.createRange();
}
idstr = "\" id=\"556e697175657e537472696e67"; // new image creation ID
if (!txtFileName.fImageLoaded) {
grngMaster.execCommand("InsertImage", false, idstr);
elmImage = globalDoc.all['556e697175657e537472696e67'];
elmImage.removeAttribute("id");
elmImage.removeAttribute("src");
grngMaster.moveStart("character", -1);
} else {
elmImage = grngMaster.item(0);
if (elmImage.src != txtFileName.value) {
grngMaster.execCommand('Delete');
grngMaster = globalDoc.selection.createRange();
grngMaster.execCommand("InsertImage", false, idstr);
elmImage = globalDoc.all['556e697175657e537472696e67'];
elmImage.removeAttribute("id");
elmImage.removeAttribute("src");
grngMaster.moveStart("character", -1);
txtFileName.fImageLoaded = false;
}
grngMaster = _getTextRange(elmImage);
}
if (txtFileName.fImageLoaded) {
elmImage.style.width = txtFileName.intImageWidth;
elmImage.style.height = txtFileName.intImageHeight;
}
if (txtFileName.value.length > 2040) {
txtFileName.value = txtFileName.value.substring(0,2040);
}
elmImage.src = document.PREVIEWPIC.src
// REMOVE:
// if (txtFileName.value != "") { elmImage.src = document.frmImagePick.ImgUrl.value; }
// else { elmImage.src = txtFileName.value; }
if (txtHorizontal.value != "") { elmImage.hspace = parseInt(txtHorizontal.value); }
else { elmImage.hspace = 0; }
if (txtVertical.value != "") { elmImage.vspace = parseInt(txtVertical.value); }
else { elmImage.vspace = 0; }
elmImage.alt = txtAltText.value;
if (txtBorder.value != "") { elmImage.border = parseInt(txtBorder.value); }
else { elmImage.border = 0; }
elmImage.align = selAlignment.value;
grngMaster.collapse(false);
grngMaster.select();
window.close();
}
</SCRIPT>
</HEAD>
<BODY id=bdy onload="Init()" style="background: threedface; color: windowtext;" scroll=no>
<DIV id=divHoriz style="left: 1.98em; top: 0.7em; height: 1.2168em; ">浏览图片:</DIV>
<DIV id=divHoriz style="left: 28.48em; top: 0.7em; width: 10.76em; height: 1.2168em; ">图片预览:</DIV>
<DIV id=divHoriz style="left: 1.98em; top: 28.126em; height: 1.2168em; ">从上面选择图片或输入完整的图片路径,包括 http://</DIV>
<DIV id=divFileName style="left: 0.98em; top: 40.2168em; width: 7em; height: 1.2168em; ">
</DIV>
<INPUT ID=txtFileName type=text style="left: 8.54em; top: 40.0647em; width: 21.5em;height: 2.1294em; visibility:hidden" tabIndex=10 >
<DIV id=divAltText style="left: 1.98em; top: 33.1067em; width: 6.58em; height: 1.2168em; ">替换文本:</DIV>
<INPUT type=text ID=txtAltText tabIndex=15 style="left: 8.94em; top: 32.8025em; width: 21.5em; height: 2.1294em; " onfocus="select()">
<FIELDSET id=fldLayout style="left: .9em; top: 37.1em; width: 17.08em; height: 7.6em;">
<LEGEND id=lgdLayout>排版</LEGEND> </FIELDSET> <FIELDSET id=fldSpacing style="left: 18.9em; top: 37.1em; width: 11em; height: 7.6em;">
<LEGEND id=lgdSpacing>间距</LEGEND> </FIELDSET>
<DIV id=divAlign style="left: 1.82em; top: 39.126em; width: 4.76em; height: 1.2168em; ">对齐:</DIV>
<SELECT size=1 ID=selAlignment tabIndex=20 style="left: 10.36em; top: 38.8218em; width: 6.72em; height: 1.2168em; ">
<OPTION id=optNotSet value=""> 默认 </OPTION>
<OPTION id=optLeft value=left> 左 </OPTION>
<OPTION id=optRight value=right> 右 </OPTION>
<OPTION id=optTexttop value=textTop> 文本上方 </OPTION>
<OPTION id=optAbsMiddle value=absMiddle> 绝对中间 </OPTION>
<OPTION id=optBaseline value=baseline SELECTED> 基线 </OPTION>
<OPTION id=optAbsBottom value=absBottom> 绝对底部 </OPTION>
<OPTION id=optBottom value=bottom> 底部 </OPTION>
<OPTION id=optMiddle value=middle> 中间 </OPTION>
<OPTION id=optTop value=top> 顶部 </OPTION>
</SELECT>
<DIV id=divHoriz style="left: 19.88em; top: 39.126em; width: 4.76em; height: 1.2168em; ">水平:</DIV>
<INPUT ID=txtHorizontal style="left: 24.92em; top: 38.8218em; width: 4.2em; height: 2.1294em; ime-mode: disabled;" type=text size=3 maxlength=3 value="" tabIndex=25 onfocus="select()">
<DIV id=divBorder style="left: 1.82em; top: 42.0159em; width: 8.12em; height: 1.2168em; ">边框:</DIV>
<INPUT ID=txtBorder style="left: 10.36em; top: 41.5596em; width: 6.72em; height: 2.1294em; ime-mode: disabled;" type=text size=3 maxlength=3 value="" tabIndex=21 onfocus="select()">
<DIV id=divVert style="left: 19.88em; top: 42.0159em; width: 3.64em; height: 1.2168em; ">垂直:</DIV>
<INPUT ID=txtVertical style="left: 24.92em; top: 41.5596em; width: 4.2em; height: 2.1294em; ime-mode: disabled;" type=text size=3 maxlength=3 value="" tabIndex=30 onfocus="select()">
<BUTTON ID=btnOK style="left: 31.36em; top: 40.0647em; width: 7em; height: 2.2em; " type=submit tabIndex=40>确定</BUTTON>
<BUTTON ID=btnCancel style="left: 31.36em; top: 42.6504em; width: 7em; height: 2.2em; " type=reset tabIndex=45 onClick="window.close();">取消</BUTTON>
<FORM NAME="frmImagePick" method="post" action="">
<TABLE CELLSPACING=10 border="0">
<TR>
<TD style="font-family: MS Shell Dlg; font-size: 8pt;" VALIGN="top" align="left" nowrap>
<br>
<iframe name="IMGPICK" src="../../manage/gallery2.php" style="border: solid black 1px; width: 280px; height:240px; z-index:1"></iframe>
<br>
<br>
<INPUT TYPE=TEXT SIZE=40 NAME=ImgUrl style="left: 1.98em; top: 30.0647em; height: 2.2em; width : 303px;" value="" onChange="showPreview()">
</TD>
<TD VALIGN="top" align="center"> <br>
<span style="background-color:gray;overflow:auto;width:200px;height:200px;border-width:1px;
border-style:solid;border-color:threeddarkshadow white white threeddarkshadow;">
<IMG ID="PREVIEWPIC" NAME="PREVIEWPIC" bgcolor="#ffffff" src="../images/imgpreview.gif" alt="Preview" align="absmiddle" valign="middle"></span>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -