使用如图的效果,并提交到php,我在原代码<body>后加入<form><input type="text"><java 的代码><input type="submit" value="提交"></form>
但是页面上还是没有任何变化:(
那位能够指点一下???
谢谢
付java代码在后
<head>
<link REL="stylesheet" TYPE="text/css" HREF="Html_Editor.css">
<script language="javascript">
var targetDoc;
public_description = new editor;
function editor()
{
this.get_contents = GetContents;
this.get_plaincontents = GetPlainContents;
this.put_contents = PutContents;
}
function GetContents()
{
return target.document.body.innerHTML;
}
function GetPlainContents()
{
return target.document.body.innerText;
}
function PutContents(contents)
{
targetDoc.designMode = "On";
target.document.body.innerHTML = "<div id='cdiv'><p>" + contents + "</div>";
}
function cleanHtml() {
var fonts = target.document.body.all.tags("FONT");
var curr;
for (var i = fonts.length - 1; i >= 0; i--) {
curr = fonts
;
if (curr.style.backgroundColor == "#ffffff") curr.outerHTML = curr.innerHTML;
}
}
function setMode(newMode) {
bTextMode = newMode;
var cont;
if (bTextMode) {
cleanHtml();
cleanHtml();
cont=target.document.body.innerHTML;
target.document.body.innerText=cont;
} else {
cont=target.document.body.innerText;
target.document.body.innerHTML=cont;
}
target.focus();
}
function onFontName(value)
{
targetDoc.execCommand('FontName', '', value);
target.focus();
}
function onFontSize(value)
{
targetDoc.execCommand('FontSize', '', value);
target.focus();
}
function onColor(value)
{
targetDoc.execCommand('forecolor','',value);
target.focus();
}
function onBKColor(value)
{
targetDoc.execCommand('backcolor','',value);
target.focus();
}
function onBold()
{
targetDoc.execCommand('Bold');
target.focus();
}
function onItalic()
{
targetDoc.execCommand('Italic');
target.focus();
}
function onUnderLine()
{
targetDoc.execCommand('Underline');
target.focus();
}
function onALeft()
{
targetDoc.execCommand('JustifyLeft');
target.focus();
}
function onACenter()
{
targetDoc.execCommand('JustifyCenter');
target.focus();
}
function onARight()
{
targetDoc.execCommand('JustifyRight');
target.focus();
}
function onNList()
{
targetDoc.execCommand('InsertOrderedList');
target.focus();
}
function onBList()
{
targetDoc.execCommand('InsertUnorderedList');
target.focus();
}
function onOutDent()
{
targetDoc.execCommand('Outdent');
target.focus();
}
function onInDent()
{
targetDoc.execCommand('Indent');
target.focus();
}
function getElem(sTag,start)
{
while ((start != null) && (start.tagName != sTag)) start = start.parentElement;
return start;
}
function onHyperLink()
{
var DoA = getElem("A",targetDoc.selection.createRange().parentElement());
var str = prompt("请输入超级链接信息 (比如: http://www.srun.com):", DoA ? DoA.href : "http:\/\/");
if ((str != null) && (str != "http://";))
{
if (targetDoc.selection.type == "None")
{
var sel = targetDoc.selection.createRange();
sel.pasteHTML("<A HREF=\""+str+"\">"+str+"</A> ");
sel.select();
}
else
{
targetDoc.execCommand('CreateLink','',str);
}
}
else target.focus();
}
function onImage()
{
var DoA = getElem("A",targetDoc.selection.createRange().parentElement());
var str = prompt("请输入图片链接信息 (比如: http://www.srun.com/images/foo.gif):", DoA ? DoA.href : "http:\/\/");
if ((str != null) && (str != "http://";))
{
if (targetDoc.selection.type == "None")
{
var sel = targetDoc.selection.createRange();
sel.pasteHTML("<\img src=\""+str+"\">");
sel.select();
}
else
{
targetDoc.execCommand('InsertImage','',str);
}
}
else target.focus();
}
:w:w:w:w:w:w:w:w:w:w:w
</head>
<body>
<form name="htmledit"><table border=1><tr><td>主题:<input type ="text" name="zhuti"></td></tr><div class="BAR" ID="FormatToolbar1">
<select ID="FontName" class="GEN" style="WIDTH: 135px" TITLE ="字体" LANGUAGE="javascript"
onchange="onFontName(this[this.selectedIndex].value);">
<option value="" selected>字体</option>
<option value="宋体">宋体</option>
<option value="黑体">黑体</option>
<option value="楷体_GB2312">楷体</option>
<option value="仿宋_GB2312">仿宋</option>
<option value="MS Song">MS宋体</option>
<option value="MS Hei">MS黑体</option>
<option value="MingLiU">MingLiU</option>
<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="Script">Script</option>
<option value="System">System</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>
<select ID="FontSize" class="GEN" style="WIDTH: 52px" TITLE ="字号" LANGUAGE="javascript"
onchange="onFontSize(this[this.selectedIndex].value);">
<option value="" selected>字号</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
<div class="SEP"></div>
<div class="BTN" ID="BTN_BOLD" TITLE="粗体" LANGUAGE="javascript" onclick="return onBold()">
<\IMG class=ICO height=22 src="images/bold.gif" width=23>
</div>
<div class="BTN" ID="BTN_ITALIC" TITLE="斜体" LANGUAGE="javascript" onclick="return onItalic()">
<\IMG class=ICO height=22 src="images/italic.gif" width=23>
</div>
<div class="BTN" ID="BTN_UNDERLINE" TITLE="下划线" LANGUAGE="javascript" onclick="return onUnderLine()">
<\IMG class=ICO height=22 src="images/under.gif" width=23>
</div>
<div class="SEP"></div>
<select ID="ForeColor" class="GEN" style="WIDTH: 90px" TITLE ="字色" LANGUAGE="javascript"
onchange="onColor(this[this.selectedIndex].value);">
<option value="" selected>字的颜色</option>
<option value="red" style="background-color:red;color:white;">红色</option>
<option value="blue" style="background-color:blue;color:white;">蓝色</option>
<option value="green" style="background-color:green;color:white;">绿色</option>
<option value="yellow" style="background-color:yellow;color:black;">黄色</option>
<option value="pink" style="background-color:pink;color:black;">粉红</option>
<option value="cyan" style="background-color:cyan;color:black;">天青</option>
<option value="white" style="background-color:white;color:black;">白色</option>
<option value="darkred" style="background-color:darkred;color:white;">深红</option>
<option value="darkblue" style="background-color:darkblue;color:white;">深蓝</option>
<option value="darkgreen" style="background-color:darkgreen;color:white;">深绿</option>
<option value="gold" style="background-color:gold;color:black;">金色</option>
<option value="darkcyan" style="background-color:darkcyan;color:white;">蓝绿</option>
<option value="gray" style="background-color:gray;color:white;">浅灰</option>
<option value="black" style="background-color:black;color:white;">黑色</option>
</select>
<select ID="BkColor" class="GEN" style="WIDTH: 90px" TITLE ="背景色" LANGUAGE="javascript"
onchange="onBKColor(this[this.selectedIndex].value);">
<option value="" selected>背景颜色
<option value="red" style="background-color:red;color:white;">红色</option>
<option value="blue" style="background-color:blue;color:white;">蓝色</option>
<option value="green" style="background-color:green;color:white;">绿色</option>
<option value="yellow" style="background-color:yellow;color:black;">黄色</option>
<option value="pink" style="background-color:pink;color:black;">粉红</option>
<option value="cyan" style="background-color:cyan;color:black;">天青</option>
<option value="white" style="background-color:white;color:black;">白色</option>
<option value="darkred" style="background-color:darkred;color:white;">深红</option>
<option value="darkblue" style="background-color:darkblue;color:white;">深蓝</option>
<option value="darkgreen" style="background-color:darkgreen;color:white;">深绿</option>
<option value="gold" style="background-color:gold;color:black;">金色</option>
<option value="darkcyan" style="background-color:darkcyan;color:white;">蓝绿</option>
<option value="gray" style="background-color:gray;color:white;">浅灰</option>
<option value="black" style="background-color:black;color:white;">黑色</option>
</select>
</div>
<div class="BAR" ID="FormatToolbar2">
<div class="BTN" ID="BTN_ALEFT" TITLE="左对齐" NAME="Justify" LANGUAGE="javascript" onclick="return onALeft()">
<\IMG class=ICO height=22 src="images/aleft.gif" width=23>
</div>
<div class="BTN" ID="BTN_ACENTER" TITLE="居中" NAME="Justify" LANGUAGE="javascript" onclick="return onACenter()">
<\IMG class=ICO height=22 src="images/center.gif" width=23>
</div>
<div class="BTN" ID="BTN_ARIGHT" TITLE="右对齐" NAME="Justify" LANGUAGE="javascript" onclick="return onARight()">
<\IMG class=ICO height=22 src="images/aright.gif" width=23>
</div>
<div class="SEP"></div>
<div class="BTN" ID="BTN_NLIST" TITLE="数字编号" LANGUAGE="javascript" onclick="return onNList()">
<\IMG class=ICO height=22 src="images/nlist.gif" width=23>
</div>
<div class="BTN" ID="BTN_BLIST" TITLE="项目符号" LANGUAGE="javascript" onclick="return onBList()">
<\IMG class=ICO height=22 src="images/blist.gif" width=23>
</div>
<div class="SEP"></div>
<div class="BTN" ID="BTN_OUTDENT" TITLE="减小缩进" LANGUAGE="javascript" onclick="return onOutDent()">
<\IMG class=ICO height=22 src="images/ileft.gif" width=23>
</div>
<div class="BTN" ID="BTN_INDENT" TITLE="增加缩进" LANGUAGE="javascript" onclick="return onInDent()">
<\IMG class=ICO height=22 src="images/iright.gif" width=23>
</div>
<div class="SEP"></div>
<div class="BTN" ID="BTN_HYPERLINK" TITLE="插入超级链接" LANGUAGE="javascript" onclick="return onHyperLink()">
<\IMG class=ICO height=22 src="images/wlink.gif" width=23>
</div>
<div class="BTN" ID="BTN_IMAGE" TITLE="插入图片" LANGUAGE="javascript" onclick="return onImage()">
<\IMG class=ICO height=22 src="images/img.gif" width=23>
</div>
<div class="SEP"></div>
<div class="GEN" ID="EDIT_MODE" style="WIDTH: 120px" TITLE="Edit Mode">
<input type=checkbox name="switchMode" LANGUAGE="javascript" onclick="setMode(switchMode.checked)">
编辑HTML源文件
</div>
</div>
<div ID="tbContentElement" class="tbContentElement">
<iframe id=target scrolling="yes" marginwidth=4 style="HEIGHT: 100%; WIDTH: 100%">
</iframe>
<br>
<script>
targetDoc = document.frames.target.document;
targetDoc.designMode = "On";
:w:w:w:w:w:w:w:w:w:w:w
</div>
<script LANGUAGE="javascript" SRC="Html_Editor.js">
:w:w:w:w:w:w:w:w:w:w:w
<input type="submit" value="提交"></form></body>