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

|

|
|
|
//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) ;
}
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
【一个的简易文本编辑器源码】相关文章:
★ 浅析JavaScript作用域链、执行上下文与闭包
★ 打造个性化的Select(可编辑)
★ 一个很Cool的JS菜单效果
★ CheckBox 如何实现全选?
★ 在JS方法中返回多个值的方法汇总
★ javascript实现炫酷的拖动分页
★ nextSibling
★ 关于IFRAME 自适应高度的研究
★ 解析Node.js异常处理中domain模块的使用方法
★ 点击变化图象 不错