一个的简易文本编辑器源码_javascript技巧-js教程-PHP中文网

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

php中文网

发布： 2016-05-16 19:17:47

原创

1849人浏览过

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

</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></font>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

大家都在看：

JavaScript代码分割_动态导入优化使用JavaScript实现一个简单的二维码生成器_javascript工具 JavaScript如何实现轮播图_JavaScript轮播图原理与代码实现详细教程 JavaScript 变量声明：var, let 与 const 的区别详解在 Quasar Editor 中实现特定链接元素的原子化选区控制