开发一个自己的HTML在线编辑器（一）
2010-09-14 13:25:26 来源：WEB开发网最后的功能用来把用户输入的文本值存储到一个隐藏字段中，其详细的HTML值存储到另一个隐藏字段中。这样即使编辑器失去焦点，也可以获取到值，下一部份你可以看到在编码的过程中通过使用两个属性来取得隐藏字段的值。
列表17
function CloneText()
{
document.getElementById('HamHtmlEditor1_ContentTxt').innerText = document.frames['HamHtmlEditor1_content'].document.body.innerText;
document.getElementById('HamHtmlEditor1_ContentHtml').value = document.frames['HamHtmlEditor1_content'].document.body.outerHTML;
}
这部分完成后，你的javascript文件就准备完了。你如果想在你的用户控件中使用这个文件，就需要在代码中加入<head>标签。如下
<script src="HTMLEditor.js" language="javascript" type="text/javascript></script>
如果你想调试javascript，需要加一个词“debugger”。这样编译时将开始调试模式。或者你也可以设置你的IE浏览器，把“禁用脚本调试（Internet Explorer）”和“禁用脚本调试（其他）”两个复选框的选中状态取消，然后添加你的端点。（译者注：调试js可以参考这篇文章：在Visual Studio中调试JavaScript）
编辑器属性
如果想将用户输入的文本保存为.txt文件或者把HTML代码保存到另一个.txt文件，你可以在这个控件中添加以下两种属性：
首先在你的ascx.cs页面创建两个字段。
列表18
protected System.Web.UI.HtmlControls.HtmlInputText ContentTxt;
protected System.Web.UI.HtmlControls.HtmlInputText ContentHtml;
中查找“开发一个自己的HTML在线编辑器（一）”更多相关内容
中查找“开发一个自己的HTML在线编辑器（一）”更多相关内容更多精彩
赞助商链接
