富文本編輯器代碼

時間 2019-12-20

標籤文本編輯器代碼简体版

原文原文鏈接

<!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();
}javascript

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

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

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>   編輯器

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。