富文本编辑器

最新推荐文章于 2022-01-23 13:50:15 发布

jhonsonaz

最新推荐文章于 2022-01-23 13:50:15 发布

阅读量2k

点赞数

分类专栏：代码文章标签：文本编辑 javascript function button input iframe

本文链接：https://blog.csdn.net/jhonsonaz/article/details/384001

版权

代码专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<html>
<head>
<title>RichEdit</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; BACKGROUND-COLOR: white" marginWidth=1
src="about:blank"></IFRAME>
<BUTTON id=mxh οnclick=EditResource();Preview.focus();>编辑源代码</BUTTON>
<BUTTON class=function οnclick=SeePreview();Preview.focus();>结果预览</BUTTON>
<br>
<TEXTAREA id=Preview style="OVERFLOW: auto; WIDTH: 100%; HEIGHT: 150px; BACKGROUND-COLOR: #ffffff" rows="1" cols="20"></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>