📄 table.html
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Insert Table</title>
<style type="text/css">
body, td, span, div, input, select {
font-size: 12px;
font-family: "宋体", "Courier New", Courier, monospace;
margin: 0px;
}
.input {
border: 1px solid #7E9DB9;
width: 38px;
margin-left: 4px;
height: 18px;
}
.input2 {
border: 1px solid #7E9DB9;
margin-left: 4px;
height: 18px;
}
.select {
height: 18px;
border: 1px solid #7E9DB9;
margin-left: 4px;
}
</style>
<script type="text/javascript">
window.focus();
window.PWindow = (function(){var win = null;win = window;while(win!=win.parent){if (!win.parent){return win;}win = win.parent;}return win;})();
window.PDocument = window.PWindow.document;
var $P = function(el){return window.PDocument.getElementById(el);};
var $ = function(el){return document.getElementById(el);}
function loadJS(F){document.write('<script type=\'text/javascript\' src=\'../lang/'+F+'\'></scr'+'ipt>');};
window.isIE = (navigator.appName.toLowerCase() == "microsoft internet explorer");
function hashtable(key, value){this.key = key;this.value = value;};
String.prototype.trim = function(){return this.replace(/(^\s*)|(\s*$)/g,'');};
var F = $P('ifrDialog');
var W = F.CSWindow;
var E = W.Editor;
var WEditor = E.Editor;
if (WEditor.Config.lang.trim()=='')
WEditor.Config.WEUserLanguage();
loadJS('../lang/'+WEditor.Config.lang+'.js');
function formtable()
{
var tblStr = "";
var row,col;
row=1;col=1;
tblStr = "<table ";
if (isDigital($('tablewidth')))
{
var w = 0;
if ($('tabletype').selectedIndex == 1)
{
if (parseInt($('tablewidth').value.trim()) > 100)
$('tablewidth').value = "100";
w = $('tablewidth').value.trim() + "%";
}
else
{
w = $('tablewidth').value.trim();
}
tblStr += " width='"+ w +"' ";
}
if (isDigital($('tablepadding')))
{
tblStr += " cellpadding='"+$('tablepadding').value.trim()+"' ";
}
if (isDigital($('tablespacing')))
{
tblStr += " cellspacing='"+$('tablespacing').value.trim()+"' ";
}
if (isDigital($('tableborder')))
{
tblStr += " border='"+$('tableborder').value.trim()+"' ";
}
tblStr += " style='"+$('styleCss').value.trim()+"' >\n ";
if (isDigital($('tablerow'))) //行
{
row = $('tablerow').value.trim();
}
if (isDigital($('tablecol'))) //列
{
col = $('tablecol').value.trim();
}
for (var i=0;i<row;i++)
{
tblStr += "<tr> \n";
for (var j=0;j<col;j++)
{
tblStr += "<td> </td> \n";
}
tblStr += "</tr>\n";
}
tblStr += "</table>";
//alert(tblStr);
//var WEditor = window.dialogArguments.Editor; //dialogMode
var editor = WEditor.Config.HtmlEdit;
editor.focus();
if (window.isIE)
{
var sel = WEditor.Config.GetRange();
sel.pasteHTML(tblStr);
}
else
{
WEditor.Config.pasteContent('WE_CONTHTML_CODE',tblStr);
}
WEditor.Config.HidePanel();
editor.focus();
}
function isDigital(obj)
{
if (obj.value.trim() == '' || obj.value.trim().indexOf('.')==0 || isNaN(obj.value.trim()))
{
return false;
}
return true;
}
</script>
</head>
<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<!-- <tr>
<td height="24" bgcolor="#DDE7EE" style="padding-left: 10px;">插入表格</td>
</tr> -->
<tr>
<td align="center"><table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="70" height="28" align="right" valign="bottom"><span id='spnRow'></span>:</td>
<td width="120" valign="bottom"><input class="input" id="tablerow" value="2"></td>
<td width="80" align="right" valign="bottom"><span id="spnPadding"></span>:</td>
<td width="100" valign="bottom"><input class="input" id="tablepadding" value="1"> <span id='spnPix'></span></td>
</tr>
<tr>
<td height="28" align="right" valign="bottom"><span id="spnCol"></span>:</td>
<td valign="bottom"><input class="input" id="tablecol" value="2"></td>
<td align="right" valign="bottom"><span id='spnSpacing'></span>:</td>
<td valign="bottom"><input class="input" id="tablespacing" value="1" > <span id="spnPix2"></span></td>
</tr>
<tr>
<td height="28" align="right" valign="bottom"><span id='spnWidth'></span>:</td>
<td valign="bottom"><input class="input" id="tablewidth" value="200">
<select class="select" id="tabletype">
</select></td>
<td align="right" valign="bottom"><span id='BorderWidth'></span>:</td>
<td valign="bottom"><input class="input" id="tableborder" value="1"> <span id="spnPix3"></span></td>
</tr>
<tr>
<td align="right" valign="bottom"><span id='spnStyle'></span>:</td><td valign="bottom" colspan="3"><input type="text" size="45" id="styleCss" name="styleCss" class="input2" /></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="40" align="center" style="padding-bottom: 10px;">
<input type="button" id="okBtn" name="okBtn" value="OK" onclick="formtable();" />
<input type="button" id="cloBtn" name="cloBtn" value="Close" onclick="WEditor.Config.HidePanel();" />
</td>
</tr>
<tr>
<td bgcolor="#DDE7EE" height="5"></td>
</tr>
</table>
<script type='text/javascript'>
window.onload = function()
{
$('spnRow').innerHTML = WeisLang.Diglog.Table.TblRow;
$('spnPadding').innerHTML = WeisLang.Diglog.Table.TblPadding;
$('spnPix').innerHTML = WeisLang.Diglog.Table.TblPix;
$('spnPix2').innerHTML = WeisLang.Diglog.Table.TblPix;
$('spnPix3').innerHTML = WeisLang.Diglog.Table.TblPix;
$('spnCol').innerHTML = WeisLang.Diglog.Table.TblCol;
$('spnSpacing').innerHTML = WeisLang.Diglog.Table.TblSpacing;
$('spnWidth').innerHTML = WeisLang.Diglog.Table.TblWidth;
var WEditorArray = new Array();
WEditorArray.length = 0;
WEditorArray[WEditorArray.length] = new hashtable(WeisLang.Diglog.Table.TblPix,'pixels');
WEditorArray[WEditorArray.length] = new hashtable(WeisLang.Diglog.Table.PerCent,'PerCent');
var S = $('tabletype');
S.options.length = 0;
loadCfr(S,0,WEditorArray);
$('BorderWidth').innerHTML = WeisLang.Diglog.Table.TblBorder;
$('spnStyle').innerHTML = WeisLang.Diglog.Table.TblStyle;
$('okBtn').value = WeisLang.Diglog.Table.ButtonOK;
$('cloBtn').value = WeisLang.Diglog.Table.ButtonClose;
F.height = Math.max(window.document.documentElement.scrollHeight,window.document.body.scrollHeight);
}
function loadCfr(selectN,n_selected,hast)
{
for (i=0;i<hast.length;i++)
{
selectN.options.add(new Option(hast[i].key,hast[i].value));
if (i==n_selected)
{
selectN.options[i].selected = true;
}
}
}
</script>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -