{"id":13548256,"url":"https://github.com/dimitrov-adrian/directus-extension-editorjs-interface","last_synced_at":"2026-01-12T11:53:04.454Z","repository":{"id":40666864,"uuid":"318789143","full_name":"dimitrov-adrian/directus-extension-editorjs-interface","owner":"dimitrov-adrian","description":"Block editor (Editor.js) interface for Directus 9","archived":false,"fork":false,"pushed_at":"2023-04-17T07:56:02.000Z","size":1731,"stargazers_count":183,"open_issues_count":12,"forks_count":38,"subscribers_count":6,"default_branch":"main","last_synced_at":"2025-03-10T19:16:34.163Z","etag":null,"topics":["block-editor","directus","directus-extension","directus-extension-interface","editorjs"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/directus-extension-editorjs","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dimitrov-adrian.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2020-12-05T12:58:43.000Z","updated_at":"2025-01-28T18:14:48.000Z","dependencies_parsed_at":"2024-01-06T20:46:24.090Z","dependency_job_id":"a782763c-ccef-4cab-912e-7db71719c4ba","html_url":"https://github.com/dimitrov-adrian/directus-extension-editorjs-interface","commit_stats":{"total_commits":100,"total_committers":5,"mean_commits":20.0,"dds":0.08999999999999997,"last_synced_commit":"53057131ad6085e83aa35e28086b55029ee1da16"},"previous_names":[],"tags_count":14,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimitrov-adrian%2Fdirectus-extension-editorjs-interface","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimitrov-adrian%2Fdirectus-extension-editorjs-interface/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimitrov-adrian%2Fdirectus-extension-editorjs-interface/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimitrov-adrian%2Fdirectus-extension-editorjs-interface/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dimitrov-adrian","download_url":"https://codeload.github.com/dimitrov-adrian/directus-extension-editorjs-interface/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246895681,"owners_count":20851311,"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":["block-editor","directus","directus-extension","directus-extension-interface","editorjs"],"created_at":"2024-08-01T12:01:07.905Z","updated_at":"2026-01-12T11:53:04.398Z","avatar_url":"https://github.com/dimitrov-adrian.png","language":"CSS","funding_links":[],"categories":["Extensions","CSS","Libraries"],"sub_categories":["Community","Plugins for CMS"],"readme":"# Editor.js - Directus extension\n\nBlock-styled editor for rich media stories, outputs clean data in JSON. More info at https://editorjs.io/\n\n![](https://raw.githubusercontent.com/dimitrov-adrian/directus-extension-editorjs-interface/main/screenshot.png)\n\n## Installation\n\nIn your Directus installation root\n\n```\nnpm install directus-extension-editorjs\n```\n\nRestart directus\n\n## Usage\n\nTo use this custom interface into a data model, you have to:\n\n- Add a simple field with **JSON** type\n- In the **Interface** section on the left choose **Editor.js**\n- Enjoy ! 🎉\n\n### Example output of the interface\n\n```json\n{\n\t\"version\": \"2.19.0\",\n\t\"time\": 1607174917790,\n\t\"blocks\": [\n\t\t{\n\t\t\t\"type\": \"paragraph\",\n\t\t\t\"data\": {\n\t\t\t\t\"text\": \"Paragraph from editorjs interface in Directus.\"\n\t\t\t}\n\t\t}\n\t]\n}\n```\n\n\nFor more info check https://editorjs.io/base-concepts#what-is-clean-data\n\n\n## Building locally and contributing\n\nYou can also clone this repository and build it by yourself.\n\n```\nnpm ci\nnpm run build\n```\n\nThen use `dist/index.js` in your custom `/extensions/interfaces` directory or in whatever you want.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdimitrov-adrian%2Fdirectus-extension-editorjs-interface","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdimitrov-adrian%2Fdirectus-extension-editorjs-interface","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdimitrov-adrian%2Fdirectus-extension-editorjs-interface/lists"}