{"repo":"jverneaut/html-to-gutenberg","free":true,"listed":false,"github":"https://github.com/jverneaut/html-to-gutenberg","clone":"git clone https://github.com/jverneaut/html-to-gutenberg.git","description":"Create custom Gutenberg blocks from the HTML templates you already have.","language":"JavaScript","stars":116,"topics":["gutenberg","react","unified","webpack","wordpress","gutenberg-blocks","php"],"license":"MIT","category":"self-hosted-apps","readme_excerpt":"HTML To Gutenberg HTML to Gutenberg is a Webpack plugin that compiles your HTML into real, native Gutenberg blocks. No shortcodes. No server-side hacks. The real Gutenberg editing experience. It generates proper edit.js , render.php , block.json , and index.js files, exactly what you'd write by hand if you were building blocks with React and PHP. But you won’t have to write a single line of React or PHP. Just structure your HTML with a few intuitive attributes, and let the plugin handle the heavy lifting. The output is 100% native Gutenberg code. If you stop using the plugin, your blocks still work. No lock-in. Try it out in the Live Editor to see how quickly you can convert your HTML into Gutenberg blocks. Quick start This project is built with ESM and requires Node.js version 20.0.0 or later. 1. Scaffold an HTML To Gutenberg blocks plugin This sets up everything you need — pre-configured to work with HTML To Gutenberg . 2. Start development 3. Edit the default block Open wp-content/plugins/html-to-gutenberg-blocks/src/block.html and make changes to the default block. HTML To Gutenberg will automatically convert it into a working Gutenberg block. 4. Add additional blocks To create additional blocks, simply add new .html files in the src folder. Each HTML file becomes its own block and is automatically processed by HTML To Gutenberg. #### Note about blocks deletion When you delete an HTML file from src, its corresponding Gutenberg block is removed on the next build. However, ","default_branch":null,"files":null,"tree":[],"storefront":"/r/jverneaut","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/jverneaut/html-to-gutenberg/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}