一個的簡易文本編輯器源碼_javascript技巧

來源：懂視網責編：小采時間：2020-11-27 20:36:02

一個的簡易文本編輯器源碼_javascript技巧

一個的簡易文本編輯器源碼_javascript技巧:一個簡易文本編輯器，自己學習的第一個編輯器程序，共享一下，可以學習一下。 ubb //initialize the iframe function window.onload() { Editor.document.designMode = On; Editor.docu

推薦度：

點擊下載本文 文檔為doc格式

導讀一個的簡易文本編輯器源碼_javascript技巧:一個簡易文本編輯器，自己學習的第一個編輯器程序，共享一下，可以學習一下。 ubb //initialize the iframe function window.onload() { Editor.document.designMode = On; Editor.docu

一個簡易文本編輯器，自己學習的第一個編輯器程序，共享一下，可以學習一下。

<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='https://www.gxlcms.com/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='https://www.gxlcms.com/italic.gif' width="18" height="18" border=0/> </td> <td width="264px"> </td> </tr> <tr> <td colspan="3"> </td> </tr> </table> <script language="javascript"> //initialize the iframe function window.onload() { Editor.document.designMode = "On"; Editor.document.open() ; Editor.document.write("") ; Editor.document.close(); Editor.focus (); } function On_Mouseover(thisTD) { thisTD.style.borderLeft = "1px solid buttonhighlight" ; thisTD.style.borderRight = "1px solid buttonshadow"; thisTD.style.borderTop = "1px solid buttonhighlight"; thisTD.style.borderBottom = "1px solid buttonshadow"; } function On_Mouseout(thisTD) { thisTD.style.borderLeft = "" ; thisTD.style.borderRight = ""; thisTD.style.borderTop = ""; thisTD.style.borderBottom = ""; } function DoDown(thisTD) { thisTD.style .borderLeft = "1px solid buttonshadow"; thisTD.style .borderRight = "1px solid buttonhighlight"; thisTD.style .borderTop = "1px solid buttonshadow"; thisTD.style .borderBottom = "1px solid buttonhighlight"; thisTD.style .paddingTop = "2px"; thisTD.style .paddingLeft = "2px"; thisTD.style .paddingBottom = "0px"; thisTD.style .paddingRight = "0px"; } function doAction(str) { var m_objTextRange = Editor.document.selection.createRange(); m_objTextRange.execCommand(str) ; } </ script> </BODY> </HTML>
[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

一個的簡易文本編輯器源碼_javascript技巧

推薦度：

點擊下載本文 文檔為doc格式

標簽： js 簡單的一個簡單

熱門焦點

一個的簡易文本編輯器源碼_javascript技巧

一個的簡易文本編輯器源碼_javascript技巧

一個的簡易文本編輯器源碼_javascript技巧

最新推薦

猜你喜歡

熱門推薦