ajaxToolkit:HtmlEditorExtender控件应用

Ajax的使用HTMLEditor旧版本，使用起来还算可以。在使用时，需要在页面注册：

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit.HTMLEditor"
    TagPrefix="HTMLEditor" %>

如果多页同时使用，可以在Web.config配置，这样不必在每个页面都写上，如下:

View Code <system.web>    
        <pages controlRenderingCompatibilityVersion="3.5" clientIDMode="AutoID">
            <controls>                
                <add namespace="AjaxControlToolkit" assembly="AjaxControlToolkit" tagPrefix="ajaxToolkit"/>                
            </controls>
        </pages>
    </system.web>

 

如果你的HtmlEditor应用在GridView时，怎样取值？可参考：

View Code <EditItemTemplate>
                            <HTMLEditor:Editor ID="heDescription" runat="server" Height="200px" AutoFocus="true"
                                Content='<%# Eval("Description") %>' Width="100%" />                            
                        </EditItemTemplate>

 

取值：

string description = ((AjaxControlToolkit.HTMLEditor.Editor)gvr.FindControl("heDescription")).Content;

 

昨天，前去Ajax网站，发现有新版本。相关可以点击下链接：http://ajaxcontroltoolkit.codeplex.com/，它已经不是单独一个控件，而是一个Extender控件，TargetControl是一个TextBox控件，另一个还要说的是，Toolbar可以增减，如：

 

上图片代码：

View Code  <asp:TextBox ID="txtDescription" TextMode="MultiLine" Columns="70" Rows="6" runat="server"/>
                        <br />
                        <ajaxToolkit:HtmlEditorExtender ID="HtmlEditorExtender1" runat="server" TargetControlID="txtDescription">
                            <Toolbar>
                                <ajaxToolkit:Bold />
                                <ajaxToolkit:Italic />
                                <ajaxToolkit:Underline />
                                <ajaxToolkit:JustifyLeft />
                                <ajaxToolkit:JustifyCenter />
                                <ajaxToolkit:JustifyRight />
                                <ajaxToolkit:JustifyFull />
                                <ajaxToolkit:CreateLink />
                                <ajaxToolkit:UnLink />                                
                            </Toolbar>
                        </ajaxToolkit:HtmlEditorExtender>