您的位置：首页 > 其它

富文本编辑器

2016-07-04 08:40 239 查看

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript">
function doBold(){
doc.execCommand('Bold');
Editor.focus();
}
function doItalic(){
doc.execCommand('Italic');
Editor.focus();
}
function doUnderline(){
doc.execCommand('Underline');
Editor.focus();
}
function doStrikeThrough(){
doc.execCommand('StrikeThrough');
Editor.focus();
}
function doCut(){
doc.execCommand('Cut');
Editor.focus();
}
function doCopy(){
doc.execCommand('Copy');
Editor.focus();
}
function doPaste(){
doc.execCommand('Paste');
Editor.focus();
}
function doUndo(){
doc.execCommand('Undo');
Editor.focus();
}
function doPrint(){
doc.execCommand('Print');
Editor.focus();
}

function doSubscript(){
doc.execCommand('Subscript');
Editor.focus();
}
function doSuperscript(){
doc.execCommand('Superscript');
Editor.focus();
}

function SeePreview(){
doc.body.innerHTML=form1.Preview.value;
return false;
}

function EditResource(){
form1.Preview.value=doc.body.innerHTML;
return false;
}
</script>
</head>
<body>
富文本编辑器<p>
<a href="javascript:doUndo();">复原</a> <a href="javascript:doPrint();">打印</a>
<a href="javascript:doCut();">剪切</a> <a href="javascript:doCopy();">复制</a>
<a href="javascript:doPaste();">粘贴</a>

<br>
<a href="javascript:doBold();">粗</a> <a href="javascript:doItalic();">斜</a> <a href="javascript:doUnderline();"><u>下划</u> </a>
<a href="javascript:doSuperscript();"><u>上标</u> </a> <a href="javascript:doSubscript();"><u>下标</u> </a>
<a href="javascript:doStrikeThrough();"> <strike>中划</strike></a>
居左居中居右缩进缩出图片插入连接
<br>

<form id=form1 method="POST" action="edit-m.htm?val='javascript:docv;'">
<IFRAME id=Editor style="WIDTH: 100%; HEIGHT: 150px;
src="about:blank"></IFRAME>
<BUTTON id=mxh onclick=EditResource();Preview.focus();>编辑源代码</BUTTON>
<BUTTON class="function" onclick=SeePreview();Preview.focus();>结果预览</BUTTON>
<br>
<TEXTAREA id=Preview style="OVERFLOW: auto; WIDTH: 100%; HEIGHT: 150px; </TEXTAREA>

<input type="submit" value="提交" name="B1">

<input type="reset" value="全部重写" name="B2">
</form>

<br>

<script language="javascript">
var doc;
doc=document.frames.Editor.document;
doc.designMode = "On";
window.setTimeout('Editor.focus()',100);
</script>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航