Actualización de Julio del 2011 de Ajax Control Toolkit

Sigue a Genbetadev

Logotipo

Los programadores .Net, orientados a la web, utilizan las plantillas de Webforms; las cuales permiten implementar Ajax de una forma muy sencilla añadiendo un control del tipo ScriptManager y teniendo toda la potencia, e inconvenientes, del control UpdatePanel.

Sin embargo todos sabemos que para facilitarnos mucho la vida tenemos la excelente librería de controles y extensores, AjaxControlToolkit. Y que acaba de ser publicada su actualización de Julio del 2011 con múltiples bugs solucionados y un nuevo control de edición de html.

El nuevo HtmlEditor


Este extensor del control textbox es la mayor novedad de esta actualización. Y representa un ingente esfuerzo ya que ha sido realizado en menos de seis semanas y el resultado es muy bueno.

Primeramente señalar que funciona en todos los navegadores actuales y en los antiguos, incluso en el IE6. Además es una versión mucho más ligera y que utiliza las nuevas capacidades del atributo ContentEditable de HTML5 para obtener un código limpio y sin necesidad de utilizar iframes ni trucos similares para su completa utilización. Y de todas formas seguimos teniendo la opción de utilizar la versión antigua.

Otra cosa que me ha parecido muy interesante es la posibilidad de definir qué opciones van a aparecer en la barra de botones, algo que echaba en falta en la versión anterior, de una forma muy sencilla. Es más, puedo extender estos botones de opciones para añadir los que me sean necesarios aunque, como verás a continuación, la lista de botones es completa, completa:

•Undo
•Redo
•Bold
•Italic
•Underline
•StrikeThrough
•Subscript
•Superscript
•JustifyLeft
•JustifyCenter
•JustifyRight
•JustifyFull
•InsertOrderedList
•InsertUnorderedList
•CreateLink
•UnLink
•RemoveFormat
•SelectAll
•UnSelect
•Delete
•Cut
•Copy
•Paste
•BackgroundColorSelector
•ForeColorSelector
•FontNameSelector
•FontSizeSelector
•Indent
•Outdent
•InsertHorizontalRule
•HorizontalSeparator

Creando un editor Html


EditHtmlExtensor

Me voy a dejar de teorías y voy a hacer un proyecto asp.net en webform para probar las capacidades de este control. Para bajarme la biblioteca lo más sencillo es utilizar NuGet e instalarme el Ajax Control Toolkit en el proyecto. Pero a mí me ha fallado, me lo he bajado de CodePlex y lo he instalado a mano guardando el contenido del Zip en el directorio bin del proyecto.

Ahora creo un webform sin masterPage y en el aspx incluyo la referencia a la librería, el control de la caja de texto y el extensor del controlToolkit.


< %@ Page Language="C#" AutoEventWireup="true" CodeFile="editorHtml.aspx.cs" Inherits="editorHtml" %>
< %@ Register TagPrefix="asp" Namespace="AjaxControlToolkit" Assembly="AjaxControlToolkit" %>
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <asp :ToolkitScriptManager ID="ToolkitScriptManager1" runat="Server" />
        <asp :TextBox ID="txtHtmlEditor" TextMode="MultiLine" Columns="60" Rows="8" runat="server" />
        <asp :HtmlEditorExtender ID="HtmlEditorExtender1" TargetControlID=" txtHtmlEditor " runat="server" />
    </form>
</body>
</html>

Y ahora vamos a jugar un poquito. Voy a cambiar los botones de la barra superior para dejar solamente los tipos de letra y las justificaciones:

    <asp :HtmlEditorExtender ID="HtmlEditorExtender1" TargetControlID=" txtHtmlEditor " runat="server">
        <toolbar>
            <asp :Bold />
            <asp :Italic />
            < asp:Italic />
            <asp xToolkit:JustifyLeft />
            < asp:JustifyCenter />
            < asp:JustifyRight />
            < asp:JustifyFull />
        </toolbar>
    </asp>

Fíjate que en el resultado tengo dos botones de itálica, ya que sin darme cuenta introduje por duplicado el tag. En resumen una nueva versión de un extensor que me espero que os parezca tan útil como a mí.

Resultado

Vía| @scottgu, Stephen Walther
Más información | Microsoft ASP.Net
Descarga | Codeplex

Los comentarios se han cerrado

Ordenar por:

3 comentarios