Screencaster Mostrando conhecimento


Ruby on Rails #8 - Tiny_mce: Editor de texto rico

Seguindo com nossa série de tutoriais sobre Ruby on Rails, hoje vamos adicionar um editor de texto rico, ou então um editor de texto WYSIWYG à aplicação rails que estamos criando.

O tiny_mce é um editor de texto WYSIWYG que pode ser usado em sites e sistemas, se você usa wordpress por exemplo deve conhecer, é um editor simples, mas que fornece muita funcionalidade. Vamos usar um plugin do rails para instalar ele de forma simples na nossa loja.

icon for podpress  H.264 Video 1280x720p: Download (634)

Segue o comando para instalar o plugin:

script/plugin install git://github.com/kete/tiny_mce.git

É isso, espero que gostem, e continuem ligados na série.

Não deixem de comentar, com suas dúvidas, opiniões, pensamentos, idéias, etc.


Este post tem 17 comentários:

  1. Rodrigo says:

    E ai Guilherme, blz!

    Cara essa serie tem sido muito produtiva e prazeirosa de se acompanhar.
    Eu estou acompanhando desde o primeiro episodio, e tenho feito toda a aplicação passo a passo.

    Eu tenho dúvidas diarias sobre o rails, pois estou començando aprender a programar agora.

    Neste projeto eu ja implementei as categorias, com checkbox, e o has_belong_to_may mais agora eu estou aguardando o andamento da serie.

    Seria interessante vc deixar um topico dos capitulos que vc pretende fazer, ou o que seria o final da aplicação, pq eu tenho certeza que vc nao vai querer parar naquela aplicaçao final que vc disponibilizou.

    Abraços e até mais..! E obrigado mais uma vez!

  2. inside says:

    Olá Rodrigo. O futuro desta aplicação é bem indefinido mesmo, aquela aplicação que está no github é onde pretendo chegar, mas com certeza iremos mais lonje a medida em que o pessoal vai postando suas dúvidas. Também é possível que futuramente eu mude de aplicação para poder explicar outros aspectos do Rails que não se aplicam a nossa loja.

  3. Rodrigo says:

    Nossa, maravilha…! entao vamos ver controle de estoque, gerenciamento de usuarios, enviar ofertas por email, etc.. brincadeirinha..

    Ja coloquei o Tiny_mce na aplicação da loja e vou colocar o FCKeditor em outra para fazer uma comparação, em um blog que eu estou criando em rails, em breve eu coloco no ar. Qdo eu aprender isso tambem!

    Abraços e mais uma vez obrigado!

  4. Thiago Retondar says:

    Cara, muito boa essa série.

    Particularmente não gosto de utilizar plugins. Ainda não programo, mas não gosto - por enquanto.

  5. Rafael says:

    Ótimo screencast, gostei do plugin tbm, muito útil…

    Estou aguardando os próximos..

    Abraço..

  6. Rodrigo says:

    Ontem depois de rodar o plugin.. eu achei um pouco fraco de botoes de comando..

    Como que configura mais opções de botao ?

  7. inside says:

    Você pode passar um hash de options no método uses_tiny_mce, mais ou menos assim:

    uses_tiny_mce :options => {
    :theme => ‘advanced’,
    :theme_advanced_resizing => true,
    :theme_advanced_resize_horizontal => false,
    :plugins => %w{ table fullscreen }
    }

    Na página do plugin lá embaixo tem várias dicas: http://github.com/kete/tiny_mce/tree/master

  8. Fernando says:

    A série está muito boa, mas preferia que vocês só nos recomendassem os plug-in. Afinal, instalar plugins não é difícil. O que nós queremos é programar (lol). E além do mais, esse plugin é bem pesado… só de colocar uses_tiny_mce no controller demora 2 segundos pra carregar a página enquanto sem colocar nem dá para perceber a página carregando.

  9. O plugin tiny_mce tem incompatibilidade com o rails 2.3.2 ?? ou sou que fiz coisinhas erradas??

    No aguardo do proximo screencast!!!

    Muito Bom…

  10. Rafael says:

    Fernando, um editor que vi bom e bem mais “leve” é o widgEditor, é melhor por esse lado, porém ele só oferece opções de edição simples…

  11. Legal esta opção Rafael, pode ser útil dependendo do que se pretende fazer.

  12. Fernando says:

    Legal Rafael, vou testar esse editor

  13. Kadu says:

    Meu, se possível, não pare a série não,
    Aprendi bastante com ela, e a maneira que vocês explicam é muito boa e didática

    []s

  14. inside says:

    Não se preocupe Kadu, a série não parou não ;)

    []’s

  15. Almir says:

    Este tendo o seguinte problema, estou com tudo atualizado para o ambiente Windows XP, o que pode ser?

    C:\WorkSpace\LojaTsT>rake tiny_mce:scripts:install
    (in C:/WorkSpace/LojaTsT)
    rake aborted!
    Don’t know how to build task ‘tiny_mce:scripts:install’

    (See full trace by running task with –trace)

  16. inside says:

    Almir, parece que a tarefa “tiny_mce:scripts:install” não existe. Dê uma olhada e confira se é essa mesmo a tarefa que precisa rodar ;)

  17. Dann Luciano says:

    Guilherme, estou com o seguinte problema, o Tiny_mce é uma otima ferramenta mais, quando estou usando aplicaçoes ajax ele nao consegue carregar o editor, ja tentei utilizar outro edito chamado de niceditor, que apesar de exibir o editor, este nao envia o valor do conteudo editado, vc saberia me informar o pq desses editores nao se compotarem com ajax?? teria uma soluçao?? pq ja pesquisei muito e nada!

Deixe o seu comentário. Opine!