Editor Rich Text Peso Pena

Por: em 05/03/08 na(s) categoria(s): Dicas, Download, Internet, Web 2.0


Fazia muito tempo que eu tinha em algum canto escondido dos meus favoritos a URL de um excelente software chamado NicEdit.

Trata-se de um editor do tipo “rich text” (aqueles que criam a possibilidade de formatação dos textos em formulários na Internet, ao invés de apenas texto puro, gerando código HTML para a formatação), assim como existem muitos, mas com dois diferenciais importantíssimos.

O primeiro é o tamanho do editor: 33kB no formato “legível”, e cerca de 10kB no formato comprimido! Se compararmos esses números ao de outros editores mais famosos, que arrancam de 100kB, chegando a 200kB ou mais.

Não é nem preciso ser gênio para deduzir que código menor e mais rápido costuma representar uma melhor experiência para o usuário, que vai ter de esperar menos para ver o resultado daquilo que ele espera.

O segundo importante diferencial é o fato de que não precisa nem ter muito trabalho para fazer uma text-area comum do HTML virar um editor cheio de recursos: basta acrescentar umas poucas linhas de código à página, e a mágica está feita.

<script src="http://js.nicedit.com/nicEdit.js" type="text/javascript"></script>


<script type="text/javascript">


bkLib.onDomLoaded(nicEditors.allTextAreas);


</script>

O resultado disso é simplesmente que toda e qualquer text-area que houver na página vai virar um editor de texto formatado, cheio de recursos.

Como é possível perceber pelo código acima (que é provido pelos autores do script), quem não quiser nem precisa instalar nada no seu servidor, eles permitem fazer hotlinking do script e das imagens, o que facilita muito a manutenção da página. Mas quem não quiser correr riscos pode baixar o script completo e fazer o que quiser com ele.

No site do NicEdit tem diversos exemplos funcionais e os respectivos códigos, com opções mais avançadas.

  • dante

    Excelente, uma mão na roda!

  • osgregs

    Eu utilizo ele nas minha aplicações , e somente ele, eu pude compartilhar para todas as Farmácias Virtuais.

    Realmente é bom.

    Rodrigo Gregorio

    NetFarma.net

    bytesdesign.com

  • Rhyel

    Esta é uma coisa que eu queria conseguir programar em Visual Basic .NET mas estou com dificuldades.

    A primeira é lidar com control+c e control+v

    A segunda é sobre a posição do cursor se eu inserir uma tag e o código fechar a tag, colorir e colocar o cursor na posição inicial.

    A terceira é lidar com o richtext control, acho ele meio complicado e como alternativa acho o textbox control muito simples e limitado.

    :(

    • http://flavors.me/naio21 OMGWTFBBQ

      Mas o RichTextbox não gera código HTML. É aplicação desktop (Windows Forms)?

      • Rhyel

        Não gera mesmo, seria eu que geraria por código. :)

  • tomboderider
  • renanfernandes

    Parece que voce adivinhou o que eu estava buscando

    Eu estava justamente procurando algo parecido, mais nao tinha nem ideia de como comecar a minha busca :D

    Muito Obrigado!

  • http://www.candeeiro.net/log candeeiro

    Muito bom mesmo…
    Já vi tanta complexidade para instalar um negócio desses… mão na roda mesmo!

    CandeeiroWeb

  • PabloRS

    Realmente muito funcional, incrível relação tamanho X utilidade.

  • Gilson Miranda

    Eu já trabalho com o FCK Editor, Gratuito e bem completo: http://www.fckeditor.net/?About

    mas este tem a vantagem de ser leve e poder rodar via “hotlink”

    _________________________________________

    http://www.blogplus.com.br

  • meirellez

    Muito legal né? Java still lives. Long life.

    ———————————————-
    Só a mudança é permanente.

  • http://danillonunes.net danillonunes

    Se pudesse, daria uma estrelinha para esse post.

    O editor parece ser ótimo. Mesmo sendo leve, tem uma interface bonita e… ainda funciona no Opera. Impressionante!

  • pguedes

    Muito bom!!!
    Amanha vou testar ele.
    No momento uso o openWysiwyg, que também é muito leve.

    []s e parabéns pela ótima dica!

  • leafac

    Só vou engrossar o coro dos contentes. Muito boa dica. Não conhecia e adorei.

    __________________

    A abordagem do Leandro na arte de blogar

  • http://melinka.net Rocky

    Bacana muito melhor que o FCK Editor para tarefas simples, pena que não desenvolvo mais pra Web… :(

    _____________________

    Muita Pimenta para sua vida!

    Primeiro Pro-Commenter da Blogosfera Brasileira.

  • Gilson Miranda

    Janio, muito obrigado pela sua dica, esta ferramenta coube direitinho no meu blog … Valeu ;)

    _________________________________________

    http://www.blogplus.com.br

  • http://keaton.wordpress.com/ Keaton

    Acho que ai fica uma dica para se implementar no meiobit. :D

  • http://www.context.com.br blackbelt

    Realmente tem varias opcoes de rich editor na web, mas essa me impressionou pelo tamanho, 10k comprimido eh bem tranquilo de carregar ao contrario do Thin MCE e FCK Editor que sao um pouco mais pesados…

    Estava precisando de um editor light assim para colocar no meu site de empregos openjobs.com.br

  • Stormbringer

    Ele é muito bom pra edições pequenas.

    Pra coisas mais parrudas eu uso o FckEditor (que é bem maior mesmo), No ww.saps.com.br
    O Fck tem uma melhor integração com sistemas server-side (pra subir e manipular arquivos dentro do servidor).

    Mas realmente, pra campos de mensagens, ou pra aplicações que não necessitem integraçao server-side, esse nic-edit parece interessante, muito bom tomar conhecimento dele, vou usa-lo :D

    PS: vale lembrar que os editores pesadões geralmente serão usados por quem presta manutenção ao site(sao focos diferentes), e uma vez carregados em cache, deixam de ser “lentos” pra carregar, pois já estão pre-carregados no navegador.

    /***************/

    Quer Games online, Xadrez e diversao?

    Route10-games – http://www.route10.com.br

  • paiva.thiago

    Putz! hahaha

    se eu já não tivesse colocado o fckeditor num negocio q tô fazendo aqui…

    apesar que o fck lida até com uploads e tal… não vi se o nicedit faz isso..mas de qualquer forma é leve e muito bom!

    QQQ????????

  • Zé José

    O NicEdit tem um problema muito sério no IE7.0, quando se tem uma textarea grande, e a tela exige rolagens , ao clicar em algo no fim do texto e subir a tela, usando a rolagem da tela, as ferramentas ficam inacessiveis.
    Isso já me gerou cliente gritando no telefone.

    Fora isso ele é muito prático, e pra clientes com Firefox não tem melhor.

    –x–
    É Hoje?

  • http://www.garotoqueprograma.com.br Hisamu

    Por ser leve e carregar rápido, fica muito bem em aplicações pequenas que não precisam de muitas funcionalidades.

    Mas, ainda não largo o tinyMCE, completo demais :)

    http://logdaselva.com

  • jwjosefy

    Cara, porque vc não coloca uma textarea com o NIC ativado neste post? :)

  • johnny_c

    show! muito bom! joguei pra testar no meu dominio de testes e funcionou legal mesmo!

    pena que as vezes ele se embanana… tava testando, ativei só B, depois só I, depois só U, depois os 3 juntos, depois com tudo ativado coloquei pra centralizar, desabilitei tudo… e continuou itálico kkkk mas bem legal mesmo! =) os caras tão de parabéns!

  • http://anibalsolon.com/ anibalsolon

    Ótima dica, Janio, estou agora tentando adaptar para o Prototype (é o preço a se pagar), não gosto que tenha ainda outra biblioteca (ele usa um tal de bkLib)… É mui útil :)


    You don’t know the powa of da geek side!

  • http://www.prefacio.net Clesio

    Muito bom. Apenas enfrento um problema: quando se faz parágrafo, ele dá espaço duplo. E Toda vez que se tenta editar o texto, acrescenta mais um espaço entre os parágrafos. Como resolver esse problema?