Gutenberg integration

[danielbachhuber]

As a Liveblog user, it would be helpful if I could enable liveblog features while in the Gutenberg editor.

As of Liveblog 1.6, Gutenberg 1.9.1 and WordPress 4.9.1, no Liveblog metabox appears.

[philipjohn]

Thanks for raising this! It's been on my mind, and we've already begun playing around with Liveblog and Gutenberg to see what's involved in adding support. Based on that, we're aiming to add Gutenberg support to v1.9.

We're going to look at;

• Adding a block to insert a Liveblog into a post
• Remove the meta box from the classic meta box
• Replace the classic meta box with an "Insert Liveblog" button above the editor, or an option within "Add Media"
• Possibly retire the templates feature, after a review of it's usage amongst users

[jrmd]

Hey,

I have recently started working on this and I have it available to view here: https://github.com/bigbitecreative/liveblog/tree/feature/gutenberg-support

Although it's not quite finished, it does work fine from my testing, but I believe it requires some tidying up.

If anyone would like to look through/fork it and make changes I'd be grateful.

Thanks,
Jerome

[danielbachhuber]

@jrmd Up for sharing a short GIF or video to communicate how it looks?

[jrmd]

Hey @danielbachhuber

No problem, here is a small video of the implementation: http://bigbite.im/P8ZMIb

I thought all of the buttons made the block look quite large so i made it so they're only visible when you focus on the block.

[jasonagnew]

Just to outline how this works. Both the Gutenberg block and Classic editor Insert Liveblog button place a shortcode into the content, this is then used to output the markup that React hooks into. To support older posts which don't have the shortcode as they didn't need too due to the post content filter, a piece of post meta is added on liveblog posts created using the new button or block. If this meta is not there and the post is a liveblog then we run the old post content filter.

[danielbachhuber]

Interesting! Would it eventually make sense to display the actual liveblog within Gutenberg?