我寫的html網頁編輯器類

時間 2020-05-16

標籤寫的 html 網頁編輯器欄目 HTML 简体版

原文原文鏈接

我寫的html網頁編輯器類

一個窗口能夠生成n個編輯器實例

如

var edit= new rcEditor();
edit.useBusiness ="business"; //取消商業化註釋
edit.showToolsbar("toosCon","edit");
edit.showEditArea("editCon","edit");

var edit2= new rcEditor();
edit2.showToolsbar("toosCon2","edit2");
edit2.showEditArea("editCon2","edit2");
edit2.showform(true);

示例以下

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 編輯器使用示例</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<LINK REL="stylesheet" HREF="rcEditor.css" TYPE="text/css">
<SCRIPT LANGUAGE="JavaScript" src="rcEditor.js"></SCRIPT>
<BODY>
<DIV id="editorContainner" style="width:70%">
<DIV id="toosCon"></DIV>
<DIV id="editCon"></DIV>

</DIV>

<TEXTAREA id="code" ROWS="10" COLS="60"></TEXTAREA>
<INPUT TYPE="button" NAME="" value="獲得html code" onclick="getHtml()">
</BODY>
</HTML>
<SCRIPT LANGUAGE="JavaScript">
<!--

var edit= new rcEditor();
edit.useBusiness ="business"; //取消商業化註釋
edit.showToolsbar("toosCon","edit");
edit.showEditArea("editCon","edit");

function getHtml(){
document.getElementById("code").value =edit.getHTML();
}
//-->
</SCRIPT>