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

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 一个的简易文本编辑器源码

Javascript: 地震发生中逃生十大法则; 引用文章链接代码复制自动加链接功能; javascript用层模拟可移动的小窗口; 模仿动画的放大缩小容器; li隔行换色效果代码升级版; li隔行换色改进版; 弹出提示的效果代码; 直接生成打开窗口代码，不必下载; yahoo首页伸缩效果代码; js模拟QQ窗口的抖动效果; Dom加载让图片加载完再执行的脚本代码; js下拉框里超过变成省略号; Javascript模块模式分析; 用函数式编程技术编写优美的 JavaScript_ibm; 比较不错的函数式JavaScript编程指南教程; javascript程序优化问题; 认识延迟时间为0的setTimeout; JavaScript的9个陷阱及评点分析; 显示服务器时间的在线时钟代码简单; js几个广告轮换广告代码

No. « ‹ 98 99 100 101 › »

技术文章搜索

关键字

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

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 458 ::

收藏到网摘: n/a

翻译整理的jQuery使用查询手册 HTML中不支持静态Expando的元素的问题

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

点击运行可以看到效果:

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

翻译整理的jQuery使用查询手册 HTML中不支持静态Expando的元素的问题

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

评论 (0) All

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