Community

About

This application is an HTML to Gutenberg Converter designed to facilitate the conversion of standard HTML content into WordPress Gutenberg blocks. It allows users to easily transform their HTML into a format that is compatible with the Gutenberg editor, which is the block-based editor used in WordPress. To use the app, users can paste their HTML content into a designated text area or upload an HTML file. The application provides a user-friendly interface that includes a template selector for quick loading of example HTML templates, a file upload feature for importing HTML files, and buttons for converting the HTML, clearing the input, and downloading the converted output. The converted Gutenberg blocks are displayed in a preview section, and users can also view the raw HTML code of the converted content. The app is built using TypeScript and React, leveraging various libraries and components for UI elements, including Radix UI for accessible components like dialogs, popovers, and dropdown menus. It also utilizes Lucide icons for visual elements and a custom toast notification system to provide feedback to users during interactions. Key features of the app include: - Conversion of standard HTML elements such as paragraphs, headings, lists, tables, images, and more into Gutenberg blocks. - Support for both direct HTML input and file uploads. - A template selector for quick access to example HTML content. - A preview of the converted content alongside the raw HTML code. - Download functionality to save the converted output as an HTML file. - Toast notifications to inform users of actions such as successful conversions or errors. Overall, this tool streamlines the process of preparing HTML content for use in WordPress, making it accessible for users who may not be familiar with the intricacies of Gutenberg block formatting.