管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

一个的简易文本编辑器源码

　　一个简易文本编辑器，自己学习的第一个编辑器程序，共享一下，可以学习一下。

　　

<HTML>

<HEAD>

<TITLE>ubb</TITLE>

</HEAD>

<BODY>

<FONT face="">

<table width="300" cellspacing="0" cellpadding="1" border="0" bgcolor="buttonface">

<tr>

<td  height="20px" width="18px"  onclick='doAction("Bold")' onMouseDown="DoDown(e_bold );" onMouseOver="On_Mouseover(e_bold) ;"

onmouseout="On_Mouseout(e_bold);">

<img align="absmiddle" id="e_bold" src='bold.gif' _ewebeditor_ta_src="bold.gif" width="18px" height="18px" border="0"/>

</td>

<td height="20px" width="18px" onclick='doAction("Italic")' onMouseDown="DoDown(e_italic);" onMouseOver="On_Mouseover(e_italic) ;"

onmouseout="On_Mouseout(e_italic);">

<img  align="absmiddle" id="e_italic" src='italic.gif' _ewebeditor_ta_src="italic.gif" width="18" height="18" border=0/>

</td>

<td width="264px">

</td>

</tr>

<tr>

<td colspan="3">

<iframe id="Editor" name="Editor" border="0" scroll="no" width="300" height="200" style="margin:0px"></iframe>

</td>

</tr>

</table>

<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22javascript%22%3E%20%20%0D%0A%0D%0A%0D%0A%0D%0A%2F%2Finitialize%20the%20iframe%20%20%0D%0A%0D%0Afunction%20window.onload()%20%20%0D%0A%0D%0A%7B%20%20%0D%0A%0D%0A%20%20Editor.document.designMode%20%3D%20%22On%22%3B%20%20%0D%0A%0D%0A%20%20Editor.document.open()%20%3B%20%20%0D%0A%0D%0A%20%20Editor.document.write(%22%22)%20%3B%20%20%0D%0A%0D%0A%20%20Editor.document.close()%3B%20%20%0D%0A%0D%0A%20%20Editor.focus%20()%3B%20%20%0D%0A%0D%0A%7D%20%20%0D%0A%0D%0A%0D%0A%0D%0Afunction%20On_Mouseover(thisTD)%20%20%0D%0A%0D%0A%7B%20%20%0D%0A%0D%0AthisTD.style.borderLeft%20%3D%20%221px%20solid%20buttonhighlight%22%20%3B%20%20%0D%0A%0D%0AthisTD.style.borderRight%20%3D%20%221px%20solid%20buttonshadow%22%3B%20%20%0D%0A%0D%0AthisTD.style.borderTop%20%3D%20%221px%20solid%20buttonhighlight%22%3B%20%20%0D%0A%0D%0AthisTD.style.borderBottom%20%3D%20%221px%20solid%20buttonshadow%22%3B%20%20%0D%0A%0D%0A%7D%20%20%0D%0A%0D%0A%0D%0A%0D%0Afunction%20On_Mouseout(thisTD)%20%20%0D%0A%0D%0A%7B%20%20%0D%0A%0D%0AthisTD.style.borderLeft%20%3D%20%22%22%20%3B%20%20%0D%0A%0D%0AthisTD.style.borderRight%20%3D%20%22%22%3B%20%20%0D%0A%0D%0AthisTD.style.borderTop%20%3D%20%22%22%3B%20%20%0D%0A%0D%0AthisTD.style.borderBottom%20%3D%20%22%22%3B%20%20%0D%0A%0D%0A%7D%20%20%0D%0A%0D%0A%0D%0A%0D%0Afunction%20DoDown(thisTD)%20%20%0D%0A%0D%0A%7B%20%20%0D%0A%0D%0AthisTD.style%20.borderLeft%20%3D%20%221px%20solid%20buttonshadow%22%3B%20%20%0D%0A%0D%0AthisTD.style%20.borderRight%20%3D%20%221px%20solid%20buttonhighlight%22%3B%20%20%0D%0A%0D%0AthisTD.style%20.borderTop%20%3D%20%221px%20solid%20buttonshadow%22%3B%20%20%0D%0A%0D%0AthisTD.style%20.borderBottom%20%3D%20%221px%20solid%20buttonhighlight%22%3B%20%20%0D%0A%0D%0AthisTD.style%20.paddingTop%20%3D%20%222px%22%3B%20%20%0D%0A%0D%0AthisTD.style%20.paddingLeft%20%3D%20%222px%22%3B%20%20%0D%0A%0D%0AthisTD.style%20.paddingBottom%20%3D%20%220px%22%3B%20%20%0D%0A%0D%0AthisTD.style%20.paddingRight%20%3D%20%220px%22%3B%20%20%20%0D%0A%0D%0A%7D%20%20%20%0D%0A%0D%0A%0D%0A%0D%0Afunction%20doAction(str)%20%20%0D%0A%0D%0A%7B%20%20%0D%0A%0D%0Avar%20m_objTextRange%20%3D%20Editor.document.selection.createRange()%3B%20%20%0D%0A%0D%0Am_objTextRange.execCommand(str)%20%3B%20%20%0D%0A%0D%0A%7D%20%20%20%0D%0A%0D%0A%0D%0A%0D%0A%0D%0A%0D%0A%20%20%3C%2Fscript%3E">

</BODY>

</HTML>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程