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
