Daniel Bachhuber

Pantheon Systems

The Gist Block by Pantheon makes it possible to embed GitHub Gists in your Gutenberg posts. Simply add the “GitHub Gist” block, paste the URL to your Gist, and see it transform to a wonderful preview.
Curious as to how blocks work? This is a great one to explore. Specifically, check out these implementation details:
<ol>
<li>Block UI is registered in <code>blocks/github-gist/index.js</code>. When the block is previewed in Gutenberg, custom code is used to generate the embed.</li>
<li>Fallback HTML content is what’s actually stored in the post content.</li>
<li>A dynamic render callback is used to transform the block to GitHub’s standard Gist embed code.</li>
</ol>
Read “<a href="https://pantheon.io/blog/how-convert-shortcode-gutenberg-block" rel="nofollow ugc">How to Convert a Shortcode to a Gutenberg Block</a>” for a more detailed explanation of the plugin.
Something we can clarify? <a href="https://github.com/pantheon-systems/github-gist-gutenberg-block/" rel="nofollow ugc">Check out the project on GitHub</a> for any questions, feedback, suggestions, or pull requests.

Gist Block by Pantheon

Include GitHub Gists in your Gutenberg posts without the hassle of shortcodes.

Remi Corson

This plugin allows using shortcodes to insert <a href="http://gist.github.com" rel="nofollow ugc">GitHub Gists</a> in any content, use [gist id=”xxxxxx”]
<h4>Special Features</h4>
With this plugin you can easily embebed GitHub Gist in any type of content: page, post, or custom post type. All You have to is to insert a shortcode!
<a href="http://remicorson.com" rel="nofollow ugc">Developer Website</a> – <a href="http://remicorson.com/easy-github-gist-shortcodes/" rel="nofollow ugc">Plugin Page</a>

Easy GitHub Gist Shortcodes

Requires at least 3.0 Tested up to 3.3.1 Stable tag: 1.0 This plugin allows using shortcodes to insert GitHub Gists in any content, use [gist id=&quo …

Gist Block by Pantheon vs Easy GitHub Gist Shortcodes