A Step By Step Guide To Converting A WordPress Shortcode To A Gutenberg Block – WordPress Form Builder
WordPress 5.0 was released at last year’s WordCamp US and introduces the new block-based “Gutenberg” editor. We’ve been super-excited about Gutenberg since then. Yes, @CalderaForms is the first plugin to be #Gutenberg-ready. We’re excited for the future of @WordPress, are you? https://t.co/X0HJqkzbGI
— Caldera WP (@CalderaWP) December 10, 2017
Now that WordPress 5.0 is out, everyone is excited about blocks, but one question I keep hearing is “what about my shortcodes?” That’s a good question. We wrote an article last year about how shortcodes work with Gutenberg.
We’ve been excited about Gutenberg for a long time. We were the first major plugin to add a block. One cool thing about our shortcode was it loaded a preview of our form in the post editor. I wanted to make sure our block did the same. Because we were so early, I had to write my own solution. For Caldera Forms 1.8, we’re using WordPress’ built-in solution for previewing blocks that are server-side rendered — blocks like our Caldera Forms block.
When I went to do this conversion for Caldera Forms, I could not find a great example outside of the official
Source: https://managewp.org/articles/18325/a-step-by-step-guide-to-converting-a-wordpress-shortcode-to-a-gutenberg-block-wordpress-form-builder
source https://williechiu40.wordpress.com/2019/01/23/a-step-by-step-guide-to-converting-a-wordpress-shortcode-to-a-gutenberg-block-wordpress-form-builder/