Rumah >hujung hadapan web >tutorial js >一个的简易文本编辑器源码_javascript技巧

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

WBOYasal: 2016-05-16 19:17:471527semak imbas

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

<tr>

</td>

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

</font>

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

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：使用TextRange获取输入框中光标的位置的代码_javascript技巧Artikel seterusnya：获取JavaScript用户自定义类的类名称的代码_javascript技巧

Artikel berkaitan

Lihat lagi