ajax与freetextbox解决方案 - bolik‘s aio blog - 博客园.htm

Ajax与FreeTextBox解决方案

style="BACKGROUND: white; COLOR: blue">&lt;/</SPAN><SPAN 
style="BACKGROUND: white; COLOR: maroon">pages</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">&gt;</SPAN></P>
<DIV 
style="FONT-SIZE: 10pt; BACKGROUND: #f8f8f8; COLOR: black; FONT-FAMILY: consolas">
<P style="MARGIN: 0px"><SPAN 
style="BACKGROUND: white; COLOR: blue">&lt;</SPAN><SPAN 
style="BACKGROUND: white; COLOR: maroon">httpHandlers</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">&gt;</SPAN></P>
<P style="MARGIN: 0px"><SPAN 
style="BACKGROUND: white; COLOR: blue">&nbsp;&nbsp;&nbsp;&nbsp;</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">&lt;</SPAN><SPAN 
style="BACKGROUND: white; COLOR: maroon">add</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue"> </SPAN><SPAN 
style="BACKGROUND: white; COLOR: red">verb</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">=</SPAN><SPAN 
style="BACKGROUND: white">"</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">GET</SPAN><SPAN 
style="BACKGROUND: white">"</SPAN></P>
<P style="MARGIN: 0px"><SPAN style="BACKGROUND: white; COLOR: blue">&nbsp; 
&nbsp; &nbsp; &nbsp; &nbsp; </SPAN><SPAN 
style="BACKGROUND: white; COLOR: red">path</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">=</SPAN><SPAN 
style="BACKGROUND: white">"</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">FtbWebResource.axd</SPAN><SPAN 
style="BACKGROUND: white">"</SPAN></P>
<P style="MARGIN: 0px"><SPAN style="BACKGROUND: white; COLOR: blue">&nbsp; 
&nbsp; &nbsp; &nbsp; &nbsp; </SPAN><SPAN 
style="BACKGROUND: white; COLOR: red">type</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">=</SPAN><SPAN 
style="BACKGROUND: white">"</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">FreeTextBoxControls.AssemblyResourceHandler, 
FreeTextBox</SPAN><SPAN style="BACKGROUND: white">"</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">/&gt;</SPAN></P>
<P style="MARGIN: 0px"><SPAN 
style="BACKGROUND: white; COLOR: blue">&lt;/</SPAN><SPAN 
style="BACKGROUND: white; COLOR: maroon">httpHandlers</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">&gt;</SPAN></P></DIV></DIV>
<P>IFrame需要装载的代理页：</P>
<P>FreeTextBoxPage.aspx 文件</P>
<DIV 
style="FONT-SIZE: 10pt; BACKGROUND: #f8f8f8; COLOR: black; FONT-FAMILY: consolas">
<P style="MARGIN: 0px"><SPAN style="BACKGROUND: yellow">&lt;%</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">@</SPAN><SPAN style="BACKGROUND: white"> 
</SPAN><SPAN style="BACKGROUND: white; COLOR: maroon">Page</SPAN><SPAN 
style="BACKGROUND: white"> </SPAN><SPAN 
style="BACKGROUND: white; COLOR: red">Language</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">="C#"</SPAN><SPAN 
style="BACKGROUND: white"> </SPAN><SPAN 
style="BACKGROUND: white; COLOR: red">AutoEventWireup</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">="true"</SPAN><SPAN 
style="BACKGROUND: white"> </SPAN><SPAN 
style="BACKGROUND: white; COLOR: red">CodeFile</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">="FreeTextBoxPage.aspx.cs"</SPAN><SPAN 
style="BACKGROUND: white"> </SPAN><SPAN 
style="BACKGROUND: white; COLOR: red">Inherits</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">="AIO.WITWeb.FreeTextBoxPage"</SPAN><SPAN 
style="BACKGROUND: white"> </SPAN><SPAN 
style="BACKGROUND: yellow">%&gt;</SPAN></P>
<P style="MARGIN: 0px">&nbsp;</P>
<P style="MARGIN: 0px"><SPAN 
style="BACKGROUND: white; COLOR: blue">&lt;!</SPAN><SPAN 
style="BACKGROUND: white; COLOR: maroon">DOCTYPE</SPAN><SPAN 
style="BACKGROUND: white"> </SPAN><SPAN 
style="BACKGROUND: white; COLOR: red">html</SPAN><SPAN 
style="BACKGROUND: white"> </SPAN><SPAN 
style="BACKGROUND: white; COLOR: red">PUBLIC</SPAN><SPAN 
style="BACKGROUND: white"> </SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">"-//W3C//DTD XHTML 1.0 
Transitional//EN"</SPAN><SPAN style="BACKGROUND: white"> </SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;</SPAN></P>
<P style="MARGIN: 0px"><SPAN 
style="BACKGROUND: white; COLOR: blue">&lt;</SPAN><SPAN 
style="BACKGROUND: white; COLOR: maroon">html</SPAN><SPAN 
style="BACKGROUND: white"> </SPAN><SPAN 
style="BACKGROUND: white; COLOR: red">xmlns</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">="http://www.w3.org/1999/xhtml"&gt;</SPAN></P>
<P style="MARGIN: 0px"><SPAN 
style="BACKGROUND: white; COLOR: blue">&lt;</SPAN><SPAN 
style="BACKGROUND: white; COLOR: maroon">head</SPAN><SPAN 
style="BACKGROUND: white"> </SPAN><SPAN 
style="BACKGROUND: white; COLOR: red">runat</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">="server"&gt;</SPAN></P>
<P style="MARGIN: 0px"><SPAN style="BACKGROUND: white">&nbsp; </SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">&lt;</SPAN><SPAN 
style="BACKGROUND: white; COLOR: maroon">title</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">&gt;</SPAN><SPAN 
style="BACKGROUND: white">FreeTextBoxWraper</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">&lt;/</SPAN><SPAN 
style="BACKGROUND: white; COLOR: maroon">title</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">&gt;</SPAN></P>
<P style="MARGIN: 0px"><SPAN style="BACKGROUND: white">&nbsp; </SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">&lt;</SPAN><SPAN 
style="BACKGROUND: white; COLOR: maroon">style</SPAN><SPAN 
style="BACKGROUND: white"> </SPAN><SPAN 
style="BACKGROUND: white; COLOR: red">type</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">="text/css"&gt;</SPAN><SPAN 
style="BACKGROUND: white"> </SPAN></P>
<P style="MARGIN: 0px"><SPAN style="BACKGROUND: white">&nbsp; &nbsp; 
</SPAN><SPAN style="BACKGROUND: white; COLOR: maroon">body</SPAN><SPAN 
style="BACKGROUND: white"> </SPAN></P>
<P style="MARGIN: 0px"><SPAN style="BACKGROUND: white">&nbsp; &nbsp; { 
</SPAN></P>
<P style="MARGIN: 0px"><SPAN style="BACKGROUND: white">&nbsp; &nbsp; &nbsp; 
</SPAN><SPAN style="BACKGROUND: white; COLOR: red">background</SPAN><SPAN 
style="BACKGROUND: white">:</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">#ffdaa0</SPAN><SPAN 
style="BACKGROUND: white">; </SPAN></P>
<P style="MARGIN: 0px"><SPAN style="BACKGROUND: white">&nbsp; &nbsp; &nbsp; 
</SPAN><SPAN style="BACKGROUND: white; COLOR: red">margin</SPAN><SPAN 
style="BACKGROUND: white">:</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">0</SPAN><SPAN style="BACKGROUND: white">; 
</SPAN></P>
<P style="MARGIN: 0px"><SPAN style="BACKGROUND: white">&nbsp; &nbsp; } 
</SPAN></P>
<P style="MARGIN: 0px"><SPAN style="BACKGROUND: white">&nbsp; </SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">&lt;/</SPAN><SPAN 
style="BACKGROUND: white; COLOR: maroon">style</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">&gt;</SPAN></P>
<P style="MARGIN: 0px"><SPAN 
style="BACKGROUND: white; COLOR: blue">&lt;/</SPAN><SPAN 
style="BACKGROUND: white; COLOR: maroon">head</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">&gt;</SPAN></P>
<P style="MARGIN: 0px"><SPAN 
style="BACKGROUND: white; COLOR: blue">&lt;</SPAN><SPAN 
style="BACKGROUND: white; COLOR: maroon">body</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">&gt;</SPAN></P>
<P style="MARGIN: 0px"><SPAN style="BACKGROUND: white">&nbsp; </SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">&lt;</SPAN><SPAN 
style="BACKGROUND: white; COLOR: maroon">form</SPAN><SPAN 
style="BACKGROUND: white"> </SPAN><SPAN 
style="BACKGROUND: white; COLOR: red">id</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">="form1"</SPAN><SPAN 
style="BACKGROUND: white"> </SPAN><SPAN 
style="BACKGROUND: white; COLOR: red">runat</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">="server"&gt;</SPAN></P>
<P style="MARGIN: 0px"><SPAN style="BACKGROUND: white">&nbsp; &nbsp; 
</SPAN><SPAN style="BACKGROUND: white; COLOR: blue">&lt;</SPAN><SPAN 
style="BACKGROUND: white; COLOR: maroon">div</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">&gt;</SPAN></P>
<P style="MARGIN: 0px"><SPAN style="BACKGROUND: white">&nbsp; &nbsp; &nbsp; 
</SPAN><SPAN style="BACKGROUND: white; COLOR: blue">&lt;</SPAN><SPAN 
style="BACKGROUND: white; COLOR: maroon">FTB</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">:</SPAN><SPAN 
style="BACKGROUND: white; COLOR: maroon">FreeTextBox</SPAN><SPAN 
style="BACKGROUND: white"> </SPAN><SPAN 
style="BACKGROUND: white; COLOR: red">ID</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">="Editor"</SPAN><SPAN 
style="BACKGROUND: white"> </SPAN><SPAN 
style="BACKGROUND: white; COLOR: red">runat</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">="server"</SPAN><SPAN 
style="BACKGROUND: white"> </SPAN><SPAN 
style="BACKGROUND: white; COLOR: red">Focus</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">="false"</SPAN><SPAN 
style="BACKGROUND: white"> </SPAN><SPAN 
style="BACKGROUND: white; COLOR: red">EnableHtmlMode</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">="True"</SPAN><SPAN 
style="BACKGROUND: white"> </SPAN><SPAN 
style="BACKGROUND: white; COLOR: red">Height</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">="257px"</SPAN><SPAN 
style="BACKGROUND: white"> </SPAN><SPAN 
style="BACKGROUND: white; COLOR: red">ClientSideTextChanged</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">="Editor_OnClientTextChanged"</SPAN><SPAN 
style="BACKGROUND: white"> </SPAN><SPAN 
style="BACKGROUND: white; COLOR: red">RenderMode</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">="Rich"</SPAN><SPAN 
style="BACKGROUND: white"> </SPAN><SPAN 
style="BACKGROUND: white; COLOR: red">ToolbarStyleConfiguration</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">="Office2003"</SPAN><SPAN 
style="BACKGROUND: white"> </SPAN><SPAN 
style="BACKGROUND: white; COLOR: red">Width</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">="100%"&gt;</SPAN></P>
<P style="MARGIN: 0px"><SPAN style="BACKGROUND: white">&nbsp; &nbsp; &nbsp; 
</SPAN><SPAN style="BACKGROUND: white; COLOR: blue">&lt;/</SPAN><SPAN 
style="BACKGROUND: white; COLOR: maroon">FTB</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">:</SPAN><SPAN 
style="BACKGROUND: white; COLOR: maroon">FreeTextBox</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">&gt;</SPAN></P>
<P style="MARGIN: 0px"><SPAN style="BACKGROUND: white">&nbsp; &nbsp; 
</SPAN><SPAN style="BACKGROUND: white; COLOR: blue">&lt;/</SPAN><SPAN 
style="BACKGROUND: white; COLOR: maroon">div</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">&gt;</SPAN></P>
<P style="MARGIN: 0px">&nbsp;</P>
<P style="MARGIN: 0px"><SPAN style="BACKGROUND: white">&nbsp; &nbsp; 
</SPAN><SPAN style="BACKGROUND: white; COLOR: blue">&lt;</SPAN><SPAN 
style="BACKGROUND: white; COLOR: maroon">script</SPAN><SPAN 
style="BACKGROUND: white"> </SPAN><SPAN 
style="BACKGROUND: white; COLOR: red">type</SPAN><SPAN 
style="BACKGROUND: white; COLOR: blue">="text/javascript"&gt;</SPAN><SPAN 
style="BACKGROUND: white"> </SPAN></P>
<P style="MARGIN: 0px"><SPAN style="BACKGROUND: white">&nbsp; &nbsp; &nbsp; 
</SPAN><SPAN style="BACKGROUND: white; COLOR: navy">function</SPAN><SPAN 
style="BACKGROUND: white"> </SPAN><SPAN 
style="BACKGROUND: white; COLOR: maroon">Editor_OnClientTextChanged</SPAN><SPAN 
style="BACKGROUND: white">()</SPAN></P>
<P style="MARGIN: 0px"><SPAN style="BACKGROUND: white">&nbsp; &nbsp; &nbsp; { 
</SPAN></P>
<P style="MARGIN: 0px"><SPAN style="BACKGROUND: white">&nbsp; &nbsp; &nbsp; 
&nbsp; </SPAN><SPAN style="BACKGROUND: white; COLOR: maroon">window</SPAN><SPAN 
style="BACKGROUND: white">.</SPAN><SPAN 
style="BACKGROUND: white; COLOR: maroon">parent</SPAN><SPAN 
style="BACKGROUND: white">.</SPAN><SPAN 
style="BACKGROUND: white; COLOR: maroon">document</SPAN><SPAN 
style="BACKGROUND: white">.</SPAN><SPAN 
style="BACKGROUND: white; COLOR: maroon">getElementById</SPAN><SPAN 
style="BACKGROUND: white">(</SPAN><SPAN 
style="BACKGROUND: white; COLOR: red">'&lt;%= HtmlEditorHiddenFieldID 
%&gt;'</SPAN><SPAN style="BACKGROUND: white">).</SPAN><SPAN 
style="BACKGROUND: white; COLOR: maroon">value</SPAN><SPAN 
style="BACKGROUND: white"> = </SPAN><SPAN 
style="BACKGROUND: white; COLOR: maroon">document</SPAN><SPAN 
style="BACKGROUND: white">.</SPAN><SPAN 
style="BACKGROUND: white; COLOR: maroon">getElementById</SPAN><SPAN 
style="BACKGROUND: white">(</SPAN><SPAN 
style="BACKGROUND: white; COLOR: red">'&lt;%= Editor.ClientID 
%&gt;_designEditor'</SPAN><SPAN style="BACKGROUND: white">).</SPAN><SPAN 
style="BACKGROUND: white; COLOR: maroon">contentWindow</SPAN><SPAN 
style="BACKGROUND: white">.</SPAN><SPAN 
style="BACKGROUND: white; COLOR: maroon">document</SPAN><SPAN 
style="BACKGROUND: white">.</SPAN><SPAN 
style="BACKGROUND: white; COLOR: maroon">body</SPAN><SPAN 
style="BACKGROUND: white">.</SPAN><SPAN 
style="BACKGROUND: white; COLOR: maroon">innerHTML</SPAN><SPAN 
style="BACKGROUND: white">; </SPAN></P>
<P style="MARGIN: 0px"><SPAN style="BACKGROUND: white">&nbsp; &nbsp; &nbsp; }; 
</SPAN></P>
<P style="MARGIN: 0px"><SPAN style="BACKGROUND: white">&nbsp; &nbsp; &nbsp; 
</SPAN><SPAN style="BACKGROUND: white; COLOR: navy">if</SPAN><SPAN 
style="BACKGROUND: white">(</SPAN><SPAN 
style="BACKGROUND: white; COLOR: maroon">navigator</SPAN><SPAN 
style="BACKGROUND: white">.</SPAN><SPAN 
style="BACKGROUND: white; COLOR: maroon">userAgent</SPAN><SPAN 
style="BACKGROUND: white">.</SPAN><SPAN 
style="BACKGROUND: white; COLOR: maroon">indexOf</SPAN><SPAN 
style="BACKGROUND: white">(</SPAN><SPAN 
style="BACKGROUND: white; COLOR: red">"Firefox"</SPAN><SPAN 
style="BACKGROUND: white">)!=-1) </SPAN></P>
<P style="MARGIN: 0px"><SPAN style="BACKGROUND: white">&nbsp; &nbsp; &nbsp; 
&nbsp; </SPAN><SPAN 
style="BACKGROUND: white; COLOR: maroon">document</SPAN><SPAN 
style="BACKGROUND: white">.</SPAN><SPAN