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

时间：2021-11-23 11:45:43|栏目：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需再刷新一下页面才能执行]

上一篇：详解Next.js页面渲染的优化方案

栏目：JavaScript代码

下一篇：JavaScript实现区块链

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

本文地址：http://www.codeinn.net/misctech/184555.html

更多JavaScript代码

JavaScript代码

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

阅读排行

推荐教程