{"id":15634929,"url":"https://github.com/getdave/standalone-block-editor","last_synced_at":"2025-10-27T19:11:27.751Z","repository":{"id":41720411,"uuid":"234564201","full_name":"getdave/standalone-block-editor","owner":"getdave","description":"The accompanying code repository for my official Gutenberg docs tutorial on creating a custom instance of a “block editor”.","archived":false,"fork":false,"pushed_at":"2023-02-09T06:44:06.000Z","size":15401,"stargazers_count":134,"open_issues_count":19,"forks_count":31,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-04-14T03:12:24.757Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://developer.wordpress.org/block-editor/developers/platform/custom-block-editor/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/getdave.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2020-01-17T14:24:25.000Z","updated_at":"2025-03-13T12:14:49.000Z","dependencies_parsed_at":"2023-02-18T05:15:57.584Z","dependency_job_id":null,"html_url":"https://github.com/getdave/standalone-block-editor","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/getdave%2Fstandalone-block-editor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/getdave%2Fstandalone-block-editor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/getdave%2Fstandalone-block-editor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/getdave%2Fstandalone-block-editor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/getdave","download_url":"https://codeload.github.com/getdave/standalone-block-editor/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248813797,"owners_count":21165634,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-03T10:59:11.927Z","updated_at":"2025-10-12T15:10:23.587Z","avatar_url":"https://github.com/getdave.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Standalone Gutenberg Block Editor\n\n![alt text](screenshots/editor.png \"The Standalone Editor instance populated with example Blocks within a custom WP Admin page.\")\n\n\u003e One developer's experiment to create a standalone instance of the Block Editor\n\u003e within WPAdmin.\n\n## What?\n\nThis repo is part of a personal _experiment_ to discover how easy (or otherwise) it is to create a standalone instance of the WordPress Block Editor.\n\nThe editor you see here is not be the same _Block Editor_ you are familiar with when creating `Post`s in with WordPress. Rather it is an entirely **custom block editor instance** built using the lower-level `@wordpress/block-editor` npm package (and friends).\n\n## Why?\n\nAs part of my goal to learn Gutenberg deeply, I wanted to understand how it worked at a fundamental level. What better way than a deep dive into the core parts of the editor?\n\n## Disclaimer\n\nThis repo is by no means perfect and should not been seen as an \"official\" way to build custom instances of the Block Editor. There will be many bugs and errors - if you spot any please do raise an `Issue` and I'll do my best to correct them.\n\n## Getting Started\n\nIf you'd like to play around with this custom block editor then you have 2 options:\n\n1. Use the WordPress Docker environment bundled with this Repo (provided via [`@wordpress/env`](https://developer.wordpress.org/block-editor/packages/packages-env/).\n2. Clone this repo directly into the `plugins` directory of a WordPress installation.\n\nEither way you'll want to take the following steps:\n\n### Clone Repo\n```bash\n// Clone this repo into that directory.\ngit clone git@github.com:getdave/standalone-block-editor.git\n\n```\n\nChange into the cloned directory:\n```bash\ncd standalone-block-editor/\n```\n\n### Install Dependencies\n\nInstall npm dependencies\n```bash\nnpm install\n```\n\n*Important*: check you have [the necessary prerequisites to run `wp-env`](https://developer.wordpress.org/block-editor/packages/packages-env/#prerequisites).\n\n### Start the WordPress Environment (optional)\n\nStart the environment (if using):\n\n```bash\nnpm run wp-env start\n```\n\nYou should now be able to login to WordPress at [`localhost:7575/wp-admin`](http://localhost:7575/wp-admin):\n\n* `username`: `admin`\n* `password`: `password`\n\n### Build the Plugin\n\nOpen a new terminal in the same [`standalone-block-editor/`] directory, then build the Plugin:\n\n```bash\nnpm run build\n```\n\n...or if you'd prefer to watch and build _automatically_ on file change run:\n\n```bash\nnpm run start\n```\n\n### Activate the Plugin\n\nOpen the Plugins page within WPAdmin [`localhost:7575/wp-admin/plugins.php`](http://localhost:7575/wp-admin/plugins.php) and activate the `Standalone Block Editor Demo` Plugin.\n\n## More Information\n\nIf you're interesting in learning about how this works, I've written [a full walk-through of the code in TUTORIAL.md](TUTORIAL.md).","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgetdave%2Fstandalone-block-editor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgetdave%2Fstandalone-block-editor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgetdave%2Fstandalone-block-editor/lists"}