页面导航：首页 → 网络编程 → JavaScript → 应用技巧 → 正文内容

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

发布：dxy 字体：[增加减小] 类型：转载

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

点击运行可以看到效果:

<HTML>

<HEAD>

</HEAD>

<BODY>

<tr>

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

onmouseout="On_Mouseout(e_bold);">

</td>

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

onmouseout="On_Mouseout(e_italic);">

</td>

</td>

</tr>

<tr>

</td>

</tr>

</table>

//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 全选提示:你可先修改部分代码,再按运行]

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

浏览次数：载入中... 打印本文关闭本文返回首页

0

顶一下

上一篇文章：网页屏蔽(左右键,代码等)的非JS方法
下一篇文章：神奇的代码通杀各种网站-可随意修改复制页面内容

·在百度中搜索关于“一个的简易文本编辑器源码”相关内容
·在谷歌中搜索关于“一个的简易文本编辑器源码”相关内容

文章评论

共有位脚本之家网友发表了评论我来说两句

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

文章评论

同类文章

最近更新

热点排行

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

文章评论

同 类 文 章

最 近 更 新

热 点 排 行

同类文章

最近更新

热点排行