Seguem duas dicas que salvaram meu dia com o Drupal, sobre como fazer o TinyMCE exibir tudo direitinho e como fazer legendas automáticas para um campo imagem do CCK.
CSS do TinyMCE
A primeira é fundamental para quem usa o módulo Image Assist, que torna fácil a inserção de imagens no editor. O problema é que ao deixar uma imagem flutuando na direita ou esquerda, o editor (no caso o TinyMCE) não exibe o HTML corretamente, fazendo uma bagunça horrível na tela.
Claro que é muito mais preciso escrever tudo em HTML direto. Mas e quem não sabe HTML? Por exemplo, clientes. Para isso, o Image Assist e um editor Wysiwyg são fundamentais. Para funcionar é o seguinte:
primeiro, é preciso fazer o TinyMCE ler um arquivo CSS customizado. Essa dica [Drupal: How to increase the default font size in TinyMCE] funciona bem. Vale a pena também aumentar o tamanho das fontes, que por default são minúsculas
depois, para fazer o TinyMCE exibir os “img floats” é só copiar os estilos do arquivo img_assist.css (na pasta do módulo) para esse CSS customizado
se quiser alterar o tamanho padrão do editor, o mais fácil é definir a altura e largura para “body.section-node-edit textarea#edit-body.form-textarea” direto no CSS do tema
Pronto, agora o TinyMCE do Drupal funciona melhor que o do Wordpress! Mas isso depende desse tipo de customização.
Legendas para imagens do CCK
Essa aqui também era tudo que eu precisava! Talvez outras pessoas tenham o mesmo problema:
Um campo customizado do tipo imagem, criado com o CCK, tem a desvantagem de não ter legendas. Mas esse tipo de campo é imprescindível para podermos listar imagens em views (por exemplo, para mostrar automaticamente imagens em chamadas), coisa muito mais difícil de fazer com o Image Assist.
Simplesmente escrever a legenda embaixo da imagem não funciona, pois ela “vai para o saco” em uma simples paginação ou outros casos.
Como então fazer a legenda? Dá para criar um arquivo de template que pega a informação de alguma tag interna da imagem (title, alt ou description) e exibe isso como legenda. Bingo!
Alguns direitos reservados. Desenvolvimento e design: Kasamata
Editor, imagens e legendas no Drupal
Seguem duas dicas que salvaram meu dia com o Drupal, sobre como fazer o TinyMCE exibir tudo direitinho e como fazer legendas automáticas para um campo imagem do CCK.
CSS do TinyMCE
A primeira é fundamental para quem usa o módulo Image Assist, que torna fácil a inserção de imagens no editor. O problema é que ao deixar uma imagem flutuando na direita ou esquerda, o editor (no caso o TinyMCE) não exibe o HTML corretamente, fazendo uma bagunça horrível na tela.
Claro que é muito mais preciso escrever tudo em HTML direto. Mas e quem não sabe HTML? Por exemplo, clientes. Para isso, o Image Assist e um editor Wysiwyg são fundamentais. Para funcionar é o seguinte:
Pronto, agora o TinyMCE do Drupal funciona melhor que o do Wordpress! Mas isso depende desse tipo de customização.
Legendas para imagens do CCK
Essa aqui também era tudo que eu precisava! Talvez outras pessoas tenham o mesmo problema:
Um campo customizado do tipo imagem, criado com o CCK, tem a desvantagem de não ter legendas. Mas esse tipo de campo é imprescindível para podermos listar imagens em views (por exemplo, para mostrar automaticamente imagens em chamadas), coisa muito mais difícil de fazer com o Image Assist.
Simplesmente escrever a legenda embaixo da imagem não funciona, pois ela “vai para o saco” em uma simples paginação ou outros casos.
Como então fazer a legenda? Dá para criar um arquivo de template que pega a informação de alguma tag interna da imagem (title, alt ou description) e exibe isso como legenda. Bingo!
A dica que usei e funciona é essa aqui: Printing the Description (or Title) Below the Image.