Output html source tags inside shortcode

Question

I have made a custom popup tiny mce button to add source code.This put shortcode like this

[source]
<h1>Hi</h1>
[/source]

To capture output I used

function caption_shortcode( $atts, $content = null ) {
$content = do_shortcode($content);
return '<span itemprop="articleSection">'.wpautop($content).'</span>';
}
add_shortcode( 'source', 'caption_shortcode' );

This doesn't show <h1>Hi</h1> rather it convert h1 html tag.How can I make this show like <h1>Hi</h1>?

Answer 1

Try the following code:

function caption_shortcode( $atts, $content = null ) {
    $content = do_shortcode($content);
    return '<span itemprop="articleSection">'. str_replace( array( '<', '>' ), array( '&lt;', '&gt;' ), $content ) .'</span>';
}
add_shortcode( 'source', 'caption_shortcode' );

remove_filter( 'the_content', 'wpautop' );
remove_filter( 'the_excerpt', 'wpautop' );