ASP.NET e FCKeditor v2.x

Vamos pensar na seguinte situação: você está envolvido em um projeto onde em uma das partes o usuário poderá postar e comentar determinadas notícias.  E então, vem as seguintes perguntas: o usuário vai escrever a sua notícia em um textbox comum? mas e se ele quiser adicionar uma imagem no mesmo?  E se ele quiser adicionar estilos ao textos? O usuário terá que saber tags HTML para poder dar estilo ao texto ?

Para facilitar esse trabalho, temos os editores WYSIWYG (”WHAT YOU SEE IS WHAT YOU GET” que é o mesmo de “O que você vê é o que você têm”) para web, que é, por exemplo, a idéia de ter o usuário escrevendo um documento como se estivesse escrevendo no world, sem se importa com html, pois quem vai gerar o html é a aplicação por debaixo dos panos.

"Googando" pela internet, achei uma lista de editores no blog http://www.misfitgeek.com/CategoryView,category,ASPNET.aspx:

• RadEditor (Telerik). AJAX-enabled.
• WebHtmlEditor (Infragistics). Part of the NetAdvantage for ASP.NET suite (I think).
• Cute Editor (CuteSoft)
• FreeTextBox (FreeTextBox.com). Free for basic edition. Source code available (for a price).
• Peter’s Textboxes (Peter Blum). Suite of enhanced text box controls.
• UltimateEditor (Karamasoft)
• Asbru Web Content Editor (Asbru)
• ASP.Net XHTML WYSIWYG Editor (MoreNet)
• AspLib Component library (Astron Digital). Includes a WYSIWYG editor, among other things.
• ASPxHtmlEditor Suite (DevExpress)
• ComponentArt Editor for ASP.NET AJAX. (ComponentArt)
• EditLive! (Ephox)
• eWebEditor (eWebEditor)
• eWebEditPro (Ektron)
• InnovaStudio WYSIWYG Editor (InnovaStudio)
• FCKeditor (FredCK.com)
• Html TextBox (ActiveUp). Part of the ActiveUp.WebControls suite.
• Obout Editor for ASP.NET (Obout)
• pinEdit (Pintexx)
• PowerWEB TextBox for ASP.NET (Dart).
• RichTextBox (aspControls)
• RichTextEditor (Syncfusion)
• RTE ASP.NET Control. Released under an MS-PL license on CodePlex. Includes source.
• SmartText (Z-SoftNet)
• soEditor (SiteObjects).
• SPAW Editor v.2 (Solmetra)
• TinyMCE (Moxiecode). JavaScript based; open source under LGPL.
• Ueditor (Yardi). Free; source and restribution for a price.
• WebHtmlEdit Control (JitBit Software)

Testei muito desses. Não cheguei a testar todos, porque alguns são pagos.

Gostei bastante de dois:  FreeTextBox e o FCKeditor, ambos free. Mas optei pelo FCKeditor que já é utilizado em várias aplicações existentes, como PHP-nuke e outras.

O que me incenticou a escrever esse artigo é que vi muita gente com dúvida de como se utilizava o mesmo. Então vou fazer um passo à passo de como utilizar o FCK em aplicações ASP.NET.

1ª etapa:

Baixar o FCK no seguinte link: http://www.fckeditor.net/download

Obs: Baixe tanto o FCKeditor.NET como o FCKeditor mais recente (na época em que esse artigo foi escrito estava na versão 2.6.3).

2ª etapa:

Agora no Visual Studio, vá na toolbox e adicione referencia à dll que se encontra dentro da pasta FCKeditor.NET, no meu caso o caminho é: C:\Users\xx.xx\Downloads\FCKeditor.Net_2.6.3\bin\Release\2.0\FredCK.FCKeditorV2.dll

Agora você já pode arrastar e soltar o controle para a sua tela.

3ª etapa:

Adicione ao seu projeto o arquivo  ‘fckeditor’ .

Obs: No meu caso, adicionei na propria raiz da aplicação. Tendo a seguinte estrutura agora: ‘~/fckeditor’

4ª  etapa:

Modifique a propriedade ‘BasePath’ do seu controle para: ‘~/fckeditor’ (No meu caso)

Bem, é apenas isso. Simples não é? Espero em posts futuros estar postando algumas maneiras de personalizar este controle.

Para maiores detalhes do editor, acessar os seguintes links:

http://docs.fckeditor.net/FCKeditor_2.x/Users_Guide

http://docs.fckeditor.net/FCKeditor_2.x/Developers_Guide

Este artigo encontra-se, também, em meu blog: http://fpimentel88.wordpress.com