2

Preciso que meu front apresente códigos e scripts sem que eles sejam executados ao criar POSTS. Existe algum plugin para isso? Eu utilizei o <pre></pre>, mas ainda assim os códigos HTML são executados.

Vejam na imagem abaixo no front. Existe um quadro verde, pois o HTML foi executado, não quero que isso aconteça. E mais abaixo o código JavaScript, que apresenta corretamente como deve ser:

1
  • Pro HTML, você não foge de ter que escapar os caracteres. Você pode fazer isso manualmente (o que vai ser um porre), ou usar alguma coisa pronta que faça o escape pra você, e aí você cola o resultado no post e manda bala. Outra solução seria usar um filtro do wp pra fazer isso pra você (vou estudar essa opção mais a fundo). Uma terceira maneira, é usar algo como o prism.js prismjs.com 31/08/2015 às 17:30

1 Resposta 1

2

O mais simples é usar um Custom Field para colar o código e usar um Shortcode para fazer o display em HTML puro.

O post ficaria assim:

Pode usar quantos shortcodes quiser, é só colocar um nome único para o field name, no meu exemplo cod-1 (um nome arbitrário).

O Custom Field:

Código do plugin:
Sempre verá quem diga "cole isso no arquivo functions.php do theme";
é errado, faça seu próprio plugin, não tem problema que tenha 20 linhas.

<?php
/**
 * Plugin Name: (SOpt) Shortcode para código HTML
 * Plugin URI: http://pt.stackoverflow.com/a/86941/201
 * Version: 1.0
 * Author: brasofilo 
 */

add_shortcode( 'codigo', 'shortcode_sopt_83496' );

function shortcode_sopt_83496( $atts )
{
    global $post;

    // field não definido, não faz nada
    if ( !isset( $atts['field'] ) )
        return '';

    // pega valor do custom field no atributo "field" do shortcode
    $code = get_post_meta( $post->ID, $atts['field'], true );

    // envelopa o código na tag <pre>, estilizar a classe com CSS
    return sprintf(
        '<pre class="codigo-front">%s</pre>', 
        htmlentities( $code, ENT_QUOTES )
    );
}

Resultado:


Pode usar um plugin como o Advanced Custom Fields para fazer uma interface para os CFs, em vez da default do WP.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .