FreeTextBox - Componente para .net

Segunda-feira, 16 de Abril de 2007. 17:12:59
Análises, Programação, .Net |

Estou començando com a programação usando a plataforma .net aqui na empresa. Como a maioria dos inícios, aqui o momento foi tenso. Um dos clientes queria que o local de edição de textos permitisse uma certa formatação. Para estes casos existe o FreeTextBox. Aproveitando que eu já fervi a cuca com ele hoje e para que nem eu, nem mais ninguém sofra com ele, eu vou fazer um review básico deste componente.

Antes de falar como incluí-lo, configura-lo, etc, vai um pequeno review do componente. Para que não conhece o freetexbox é um componente gratuito para a plataforma .Net que permite criar um textarea com opções de formatação (basicamente um editor WYSIWYG).

Ele é distribuído gratuitamente em seu site oficial, porém o código-fonte do mesmo (caso você queira personalizar alguns pontos que não estão inclusos no original) é pago.

Além da funcionalidade, este componente tem a vantagem de ser compatível com praticamente todos os navegadores, o que evita problemas.

A sua versão atual também corrigiu um problema sério: Antes, os arquivos (imagens, javascripts, xmls) eram externos (por padrão localizados em /aspnet_client/FreeTextBox/). A partir da versão 3 o componente apresenta estes arquivos compilados em sua dll, além de permitir o acesso da forma antiga.

Falando parece vago o que o componente faz, por isso, segue uma imagem do mesmo:

Ele ainda vem com algumas opções de formatação, para melhor se adequar.
Feito o review, vamos por a mão na massa.

A primeira coisa a se fazer é baixar o componente no site oficial. Se você preferir acessar editar a imagens, você precisa colocar a pasta FreeTextBox que vem junto dentro da pasta /aspnet_client/ do IIS.

Feita instalação é preciso adicionar o componente ao seu projeto (adicionando como referência a dll referente ao seu framework). Se você estiver usando o framework 1.1 é preciso adicionar o seguinte comando no dentro do do web.config da aplicação:

<httphandlers>
<add verb="GET" path="FtbWebResource.axd" type="FreeTextBoxControls.AssemblyResourceHandler, FreeTextBox"></add>
</httphandlers>

Feito isso, basta adicionar o comando

< %@ Register TagPrefix="FTB" Namespace="FreeTextBoxControls" Assembly="FreeTextBox" %>

No topo da página que terá o componente para declarar o uso do mesmo e onde quiser adicionar o o componente usar o comando:

<ftb id="FreeTextBox1" runat="Server"></ftb>

Aconselho adicionar o componente na toolbox do visual studio, assim você poderá arrastar o componente como qualquer outro.

Fix o texto meio corrido, se a minha explicação não ajudar muito, existe uma vídeo-aula criado por Fábio Galante, que com certeza irá ajudar.

Espero que este texto ajude. Sugestões e complementos, fique a vontade de colocar nos comentários.