Utilizando editor TinyMce no WordPress

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'] );

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *