Por: Diogo Teobaldo
Pode ser que um dia você precise que um campo texto como o textarea tenha mais funcionalidades e suporte código html. Para isso mostrarei como usar o TinyMce.
Primeiro de tudo, o que seria esse tal de TinyMce?
R: TinyMCE é uma plataforma web independente baseado em Javascript HTML WYSIWYG editor controle lançado como Open Source sob LGPL.
Ah! Entendi. Então vamos continuar.
O WordPress conta com uma função que serve para renderizar esse editor. Essa função é a wp_editor que recebe três parâmetros, sendo eles:
- $content – Conteúdo inicial do editor.
- $editor_id – Id HTML do textarea para o TinyMCE.
- $settings – Um array de argumentos. Esses argumentos serão úteis para controlar por exemplo se os botões insert/upload de mídia devem ser exibidos.
Como exemplo suponha que queremos um campo resumo com os recursos do TinyMce.
1º Devemos obter o conteúdo inicial seja ele post ou um post_meta como abaixo:
$resumo = get_post_meta($post->ID, '_resumo', true);
2º Precisamos do id do textarea, no nosso caso será “resumo”.
3º O array de argumentos:
$settings = array( 'textarea_name' => 'resumo_empresa', 'media_buttons' => false, 'textarea_rows' => 10, 'tinymce' => array( 'theme_advanced_buttons1' => 'formatselect,|,bold,italic,underline,|,' . 'bullist,blockquote,|,justifyleft,justifycenter' . ',justifyright,justifyfull,|,link,unlink,|' . ',spellchecker,wp_fullscreen,wp_adv'));
Com isso, devemos fazer chamada a função wp_editor do wordpress no local onde queremos que nosso editor seja renderizado.
wp_editor($resumo, 'resumo', $settings);
Pronto com isso ele já será exibido, agora basta salvar o conteúdo assim que necessário:
update_post_meta( $_id, '_resumo', $_POST['resumo'] );