<?php /** * GitHub's Gist site supports oEmbed but their oembed provider only * returns raw HTML (no styling) and the first little bit of the code. * * Their JavaScript-based embed method is a lot better, so that's what we're using. */ wp_embed_register_handler( 'github-gist', '#https?://gist\.github\.com/([a-zA-Z0-9/]+)(\#file\-[a-zA-Z0-9\_\-]+)?#', 'github_gist_embed_handler' ); add_shortcode( 'gist', 'github_gist_shortcode' ); /** * Handle gist embeds. * * @since 2.8.0 * * @global WP_Embed $wp_embed * * @param array $matches Results after parsing the URL using the regex in wp_embed_register_handler(). * @param array $attr Embed attributes. * @param string $url The original URL that was matched by the regex. * @param array $rawattr The original unmodified attributes. * @return string The embed HTML. */ function github_gist_embed_handler( $matches, $attr, $url, $rawattr ) { // Let the shortcode callback do all the work return github_gist_shortcode( $matches, $url ); } /** * Callback for gist shortcode. * * @since 2.8.0 * * @param array $atts Attributes found in the shortcode. * @param string $content Content enclosed by the shortcode. * * @return string The gist HTML. */ function github_gist_shortcode( $atts, $content = '' ) { if ( empty( $atts[0] ) && empty( $content ) ) { return '<!-- Missing Gist ID -->'; } $id = ( ! empty( $content ) ) ? $content : $atts[0]; // Parse a URL if ( ! is_numeric( $id ) ) { $id = preg_replace( '#https?://gist.github.com/([a-zA-Z0-9]+)#', '$1', $id ); } if ( ! $id ) { return '<!-- Invalid Gist ID -->'; } wp_enqueue_script( 'jetpack-gist-embed', plugins_url( 'js/gist.js', __FILE__ ), array( 'jquery' ), false, true ); if ( false !== strpos( $id, '#file-' ) ) { // URL points to a specific file in the gist $id = str_replace( '#file-', '.json?file=', $id ); $id = preg_replace( '/\-(?!.*\-)/', '.', $id ); } else { $file = ( ! empty( $atts['file'] ) ) ? '?file=' . urlencode( $atts['file'] ) : ''; // URL points to the entire gist $id .= ".json$file"; } // inline style to prevent the bottom margin to the embed that themes like TwentyTen, et al., add to tables $return = '<style>.gist table { margin-bottom: 0; }</style><div class="gist-oembed" data-gist="' . esc_attr( $id ) . '"></div>'; if ( isset( $_POST[ 'type' ] ) && 'embed' === $_POST[ 'type' ] && isset( $_POST[ 'action' ] ) && 'parse-embed' === $_POST['action'] ) { return github_gist_simple_embed( $id ); } return $return; } /** * Use script tag to load shortcode in editor. * * @since 3.9.0 * * @param string $id The ID of the gist. * * @return string */ function github_gist_simple_embed( $id ) { $id = str_replace( 'json', 'js', $id ); return '<script type="text/javascript" src="https://gist.github.com/' . $id . '"></script>'; }