超級HTMLHTMLEditor----winXP風格[1]

　　<html>

　　<head>

　　<title>Looker HTML Editor v1.0</title>

　nu_td

　　{

　　BORDER-RIGHT: #D3E5FB 2px solid;

　　BORDER-TOP: #D3E5FB 2px solid;

　　BORDER-LEFT: #D3E5FB 2px solid;

　　BORDER-BOTTOM: #D3E5FB 2px solid;

　　HEIGHT: 20px;

　　FONT-WIDTH: bold;

　　FONT-SIZE: 70%;

　　COLOR: #003366;

　　FONT-FAMILY: verdana,sans-serif

　　}

　nu_select

　　{

　　COLOR: #003366;

　　FONT-FAMILY: verdana,sans-serif

　　}

　　.workplace

　　{

　　height:100%;

　　width:100%;

　　background-color:white;

　　font-face:Arial;

　　padding:3;

　　border:inset #99ccff;

　　scrollbar-base-color:#99ccff;

　　overflow=auto;

　　}

　　{

　　FONT-FAMILY: verdana,sans-serif;

　　TEXT-DECORATION: none

　　}

　　A:active

　　{

　　COLOR: #003366;

　　TEXT-DECORATION: none

　　}

　　A:link

　　{

　　COLOR: #003366;

　　TEXT-DECORATION: none

　　}

　　A:visited

　　{

　　COLOR: #003366;

　　TEXT-DECORATION: none

　　}

　　</style>

　　var sds;

　　sds=1;

　　var nono;

　　nono=0;

　　function ds()

　　{

　　if (sds == 1)

　　{

　　oDiv.innerText = oDiv.innerHTML;

　　ods.src = "design.gif";

　　sds=0;

　　}

　　else

　　{

　　sds=1;

　　ods.src = "source.gif";

　　oDiv.innerHTML = oDiv.innerText;

　　}

　　function mouseovertd (o)

　　{

　　o.style.backgroundColor= "#7ABBFF";

　　o.style.borderStyle="solid";

　　o.style.borderColor="#316AC5";

　　lor="#ffffff";

　　}

　　function mouseouttd (o)

　　{

　　o.style.backgroundColor="#D3E5FB";

　　lor="#003366";

　　o.style.borderColor="#D3E5FB";

　　}

　　function gzhs()

　　{

　　if (nono == 0)

　　{

　　oDiv.focus();

　　}

　　function addScript()

　　{

oDiv.innerHTML += "<SCR" + "IPT LANGUAGE=\"javascript\">\n\n</SCR" + "IPT>";

　　}

　　function addTable(){

　　var iHeight, iWidth;

　　var sTable = prompt("輸入行數,列數\n如：3,4", "2,2");

　　if (sTable == null)

　　{

　　return 0;

　　}

　　var i = sTable.indexOf(",");

　　if (i < 1)

　　{

　　alert("輸入錯誤");

　　return 0;

　　}

　　iHeight = parseInt(sTable.substr(0,i++));

　　if (isNaN(iHeight))

　　{

　　alert("表格行數不是整數！");

　　return 0;

　　}

　　if (iHeight < 1)

　　{

　　alert("表格行數不是正整數！");

　　return 0;

　　}

　　if (iHeight > 20)

　　{

　　alert("表格行數過大！");

　　return 0;

　　}

　　iWidth = parseInt(sTable.substr(i));

　　if (isNaN(iWidth))

　　{

　　alert("表格列數不是整數！");

　　return 0;

　　}

　　if (iWidth < 1)

　　{

　　alert("表格列數不是正整數！");

　　return 0;

　　}

　　if (iWidth > 20)

　　{

　　alert("表格列數過大！");

　　return 0;

　　}

　　var sHTML = "<table border=1>";

　　for(i=0;i<iHeight;i++)

　　{

　　sHTML += "<tr>"

　　for(j=0;j<iWidth;j++)

　　{

　　sHTML += "<td> </td>";

　　}

　　sHTML += "</tr>";

　　}

　　sHTML += "</table>";

　　oDiv.innerHTML+=sHTML;

　　}

　　function get_color(what)

　　{

　　var strcolor = showModalDialog("color.asp","","dialogWidth:18;dialogHeight:16;dialogTop:50;dialogLeft:500;status:no;");

　　if (strcolor != "")

　　{

　　oDiv.document.execCommand(what,false,strcolor);

　　}

　　function set_font_color()

　　{

　　oDiv.document.execCommand('FormatBlock',font_format.value);

　　}

　　</script>

　　</head>

　　<tr>

　　<tr>

　　</td>

　　</td>

　　</td>

　　</td>

　　</td>

　　</td>

　　</td>

　　</td>

　　</td>

　　</td>

　　</td>

　　</td>

　　</td>

　　</td>

　　</td>

　　</td>

　　</td>

　　</tr>

　　</table>

　　</td>

　　</tr>

　　<tr>

　　<tr>

　　<option value="<ul>">項目符號列表</option>

　　</select>

　　</td>

　　<option value="Arial">Arial</option>

　　<option value="Arial Black">Arial Black</option>

　　<option value="Arial Narrow">Arial Narrow</option>

　　<option value="Bradley Hand ITC">Bradley Hand ITC</option>

　　<option value="Brush Script MT">Brush Script MT</option>

　　<option value="Century Gothic">Century Gothic</option>

　　<option value="Comic Sans MS">Comic Sans MS</option>

　　<option value="Courier">Courier</option>

　　<option value="Courier New">Courier New</option>

　　<option value="MS Sans Serif">MS Sans Serif</option>

　　<option value="sans-serif">sans-serif</option>

　　<option value="Script">Script</option>

　　<option value="System">System</option>

　　<option value="Tahoma">Tahoma</option>

　　<option value="Times New Roman">Times New Roman</option>

　　<option value="Viner Hand ITC">Viner Hand ITC</option>

　　<option value="Verdana">Verdana</option>

　　<option value="Wide Latin">Wide Latin</option>

　　<option value="Wingdings">Wingdings</option>

　　</select>

　　</td>

　　</select>

　　</td>

　　</td>

　　</td>

　　</td>

　　</td>

　　</td>

　　</td>

　　</tr>

　　</table>

　　</td>

　　</tr>

　　<tr>

　　<td>

　　</td>

　　</tr>

　　</table>

　　</body>

　　</html>

From:http://tw.wingwit.com/Article/Common/201401/30140.html