{"id":20877435,"url":"https://github.com/flusherdock1/gutenberg","last_synced_at":"2025-05-12T15:32:57.054Z","repository":{"id":62533986,"uuid":"183305607","full_name":"FlusherDock1/Gutenberg","owner":"FlusherDock1","description":"Gutenberg for October CMS","archived":false,"fork":false,"pushed_at":"2023-08-09T18:35:32.000Z","size":13962,"stargazers_count":53,"open_issues_count":5,"forks_count":11,"subscribers_count":9,"default_branch":"master","last_synced_at":"2025-04-21T12:44:17.409Z","etag":null,"topics":["gutenberg","octobercms-plugin"],"latest_commit_sha":null,"homepage":"https://octobercms.com/plugin/reazzon-gutenberg","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/FlusherDock1.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":"license.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-04-24T20:56:05.000Z","updated_at":"2023-06-17T06:59:27.000Z","dependencies_parsed_at":"2024-11-18T06:57:45.637Z","dependency_job_id":"a2f721fe-b2f9-4f3c-af39-882e2491869f","html_url":"https://github.com/FlusherDock1/Gutenberg","commit_stats":{"total_commits":69,"total_committers":3,"mean_commits":23.0,"dds":0.04347826086956519,"last_synced_commit":"85f11c7e80c6b22bdaa24f590f1569cebf50b50a"},"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FlusherDock1%2FGutenberg","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FlusherDock1%2FGutenberg/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FlusherDock1%2FGutenberg/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FlusherDock1%2FGutenberg/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/FlusherDock1","download_url":"https://codeload.github.com/FlusherDock1/Gutenberg/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253766075,"owners_count":21960840,"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":["gutenberg","octobercms-plugin"],"created_at":"2024-11-18T06:57:01.258Z","updated_at":"2025-05-12T15:32:55.805Z","avatar_url":"https://github.com/FlusherDock1.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Gutenberg for OctoberCMS\n**PLUGIN CURRENTLY IN BETA. AND IT WILL STAY IN BETA MAYBE FOREVER.** \n\n[This text in russian](https://octoclub.ru/d/70-gutenberg-%D0%B2%D0%B8%D0%B7%D1%83%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B9-dragdrop-%D1%80%D0%B5%D0%B4%D0%B0%D0%BA%D1%82%D0%BE%D1%80-%D0%B1%D0%BB%D0%BE%D0%BA%D0%BE%D0%B2-%D0%B4%D0%BB%D1%8F-%D0%BF%D0%BB%D0%B0%D0%B3%D0%B8%D0%BD%D0%BE%D0%B2)\n\nGutenberg is a rich-text visual editor from WordPress, with the features of bulidng content with blocks. With Gutenberg, you can create truly unique content for your website by simply dragging and dropping blocks.\n\nYou can test it online here [Gutenberg playground](https://testgutenberg.com/).\n\nThis plugin allows you to embed Gutenberg in the backend form of your own model by creating Polymorph relation .\n\nIntegration of Laraberg by [VanOns\\Laraberg](https://github.com/VanOns/laraberg) for OctoberCMS. All credits goes to VanOns.\n \n**Working integrations:**\n- [RainLab.Blog](https://octobercms.com/plugin/rainlab-blog)\n- [Lovata.GoodNews](https://octobercms.com/plugin/lovata-goodnews)\n- [Indikator.News](https://octobercms.com/plugin/indikator-news)\n\n**Coming Soon integrations:**\n- [RainLab.StaticPages](https://octobercms.com/plugin/rainlab-pages)\n\n**Available blocks:**\n- Code preview and all standard features such as: custom styles, block settings, reusable blocks.\n- Common blocks\n    - Paragraph - (All text formatting also works).\n    - Image\n    - Heading\n    - Audio\n    - Gallery\n    - Cover\n    - File\n    - List\n    - Quote\n    - Video\n- Formatting\n    - Code\n    - Preformatted\n    - Pull quote\n    - Classic\n    - Custom HTML\n    - Table\n    - Verse\n- Layout elements\n    - Media \u0026 text\n    - Columns\n    - Button\n    - Separator\n    - Spacer\n- Embeds\n    - All embeds\n    \n**In work:**\n- ~~Mediauploader with native OctoberCMS Medialibrary~~ **DONE in 1.0.7 update** \n- ~~Reusable blocks aren't working~~ **DONE in 1.0.8 update**\n- ~~Removing WP widgets~~ **DONE in 1.0.9 update**\n- ~~RainLab.Blog integration~~ **DONE in 1.1.0 update**\n- ~~Lovata.GoodNews integration~~ **DONE in 1.1.2 update**\n- ~~Migration to release version of Laraberg~~ **DONE in 1.2.0 update**\n- ~~Indikator.News integration~~ **DONE in 1.2.5 update**\n- RainLab.StaticPages integration\n\n**Later work:**\n- Inline image incorrect behavior (Gutenberg.js bug, need updates from them)\n- Multiple instances of Gutenberg on one page (Gutenberg.js bug, need updates from them)\n\nI will be happy if you help me with any form of custom functions implementation. \n\nPlease sumbit your PR in [plugin Github Repository](https://github.com/FlusherDock1/Gutenberg).\n\n### Notes\n\nAs we now on Laraberg 1.0.0-rc.1, i will investigate more about creating multiple instances of Gutenberg on one page.\n\n---\n## Installation\n\nInstall plugin by OctoberCMS plugin updater.\n\nGo to Settings –\u003e Updates\u0026Plugins find Gutenberg in plugin search. Click on icon and install it.\n\nor via Composer\n\n```\ncomposer require reazzon/gutenberg\n```\n\n## Usage\n\nThis plugin works only by implementing Gutenberg behavior in your model. \nIt will create morphOne relation with `Gutenberg\\Content` model.\n\nGo to your model and add behavior in $implement array:\n\n```php\npublic $implement = ['ReaZzon.Gutenberg.Behaviors.Gutenbergable'];\n```\n\nAfter you need to add behavior to $implement array in your model controller.\n\n```php\npublic $implement = ['ReaZzon.Gutenberg.Behaviors.GutenbergController'];\n```\n\nDone. Your model now has morphOne with `Gutenberg\\Content` Model by `content` field that **renders only on created model page**.\n\n\n\n## Rendering\n\nRendering examples below. \n\n```twig\n{{ post.content.render }}\n```\n \n```\n$post-\u003econtent-\u003erender();\n```\n\nIn order to correctly display Gutenberg styles. You must add laraberg public styles to your page:\n```html\n\u003clink href=\"/plugins/reazzon/gutenberg/assets/laraberg.min.css\" rel=\"stylesheet\"\u003e\n```\n\n## Working with source js code\n\nIf you want to add some features you can work with source files of Laraberg in `/plugins/reazzon/gutenberg/formwidgets/gutenberg/assets/resources`, to set up all environment follow these steps:\n \n1. Clone Gutenberg rep.:\n`git clone https://github.com/WordPress/gutenberg.git gutenberg`\n2. After cloning execute these commands:\n    ```bash\n    cd gutenberg           // go to Gutenberg folder\n    npm i                  // install all dependencies\n    npm run build          // Build Gutenberg\n    sudo npm link          // Link it to your global node_modules \n    cd ..                  // Go back to Laraberg root\n    npm i                  // install all dependencies\n    npm link gutenberg     // Link Gutenberg package to Laraberg\n    ```\n3. Now you set up.\n---\nDeveloped by [reazzon.ru](https://reazzon.ru)\n\nRussian OctoberCMS developer community [OctoClub.ru](https://octoclub.ru)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fflusherdock1%2Fgutenberg","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fflusherdock1%2Fgutenberg","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fflusherdock1%2Fgutenberg/lists"}