{"id":13771000,"url":"https://github.com/Edd-G/cot-editorjs","last_synced_at":"2025-05-11T03:32:59.347Z","repository":{"id":215744831,"uuid":"739681760","full_name":"Edd-G/cot-editorjs","owner":"Edd-G","description":"Editor.js plugin for Cotonti CMF - Modern block-style editor","archived":false,"fork":false,"pushed_at":"2024-03-25T09:23:08.000Z","size":34,"stargazers_count":2,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-03-25T13:51:04.993Z","etag":null,"topics":["cotonti","cotonti-siena","editor","editorjs"],"latest_commit_sha":null,"homepage":"","language":"PHP","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/Edd-G.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,"roadmap":null,"authors":null,"dei":null}},"created_at":"2024-01-06T07:56:43.000Z","updated_at":"2024-04-14T20:24:09.698Z","dependencies_parsed_at":"2024-01-06T09:21:59.917Z","dependency_job_id":"86795bda-7e24-4ef6-9b09-bb5e7c918536","html_url":"https://github.com/Edd-G/cot-editorjs","commit_stats":null,"previous_names":["edd-g/cot-editorjs"],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Edd-G%2Fcot-editorjs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Edd-G%2Fcot-editorjs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Edd-G%2Fcot-editorjs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Edd-G%2Fcot-editorjs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Edd-G","download_url":"https://codeload.github.com/Edd-G/cot-editorjs/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253514352,"owners_count":21920327,"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":["cotonti","cotonti-siena","editor","editorjs"],"created_at":"2024-08-03T17:00:46.193Z","updated_at":"2025-05-11T03:32:59.035Z","avatar_url":"https://github.com/Edd-G.png","language":"PHP","funding_links":[],"categories":["Libraries"],"sub_categories":["Plugins for CMS"],"readme":"# Editorjs plugin\nEditor.js plugin for Cotonti CMF - Modern block-style editor\n\nContent editor and 2 way parser plugin:\n- from Editor.js blocks to HTML\n- from HTML to Editor.js blocks\n\nPlugin markups created HTML content with special classes.\nThis classes described in table.\n\n## Currently supported Editor.js Tools:\nPackage | Key | Main CSS Class\u003cbr\u003e(with default prefix) | Additional / modificator CSS classes\u003cbr\u003e(with default prefix)\n--- | --- | --- | ---\n`@editorjs/header`\u003cbr\u003e`editorjs-header-with-alignment` | `header` | `.prs-header` | alignment:\u003cbr\u003e`.prs_left`\u003cbr\u003e`.prs_right`\u003cbr\u003e`.prs_center`\u003cbr\u003e`.prs_justify`\n`@editorjs/paragraph`\u003cbr\u003e`editorjs-paragraph-with-alignment` | `paragraph` | `.prs-paragraph` | alignment:\u003cbr\u003e`.prs_left`\u003cbr\u003e`.prs_right`\u003cbr\u003e`.prs_center`\u003cbr\u003e`.prs_justify`\n`@editorjs/inline-code` |  |  |\n`@editorjs/marker` |  |  |\n`@editorjs/underline` |  |  |\n`@editorjs/list` | `list` | `.prs-list` | additional:\u003cbr\u003e`.prs_ordered`\n`@editorjs/raw` | `raw` |  |\n`@editorjs/simple-image` | `simpleImage` | `.prs-image` | additional:\u003cbr\u003e`.prs_withborder`\u003cbr\u003e`.prs_withbackground`\u003cbr\u003e`.prs_stretched`\n`@editorjs/embed` | `embed` | `.prs-embed` | additional:\u003cbr\u003e`.prs_youtube`\u003cbr\u003e`.prs_codepen`\u003cbr\u003e`.prs_vimeo`\n`@editorjs/link` | `linkTool` | `.prs-linktool` | additional:\u003cbr\u003e`.prs_title`\u003cbr\u003e`.prs_description`\u003cbr\u003e`.prs_sitename`\n`@editorjs/delimiter` | `delimiter` | `.prs-delimiter` |\n`editorjs-alert` | `alert` | `.prs-alert` | alignment:\u003cbr\u003e`.prs_left`\u003cbr\u003e`.prs_right`\u003cbr\u003e`.prs_center`\u003cbr\u003eadditional:\u003cbr\u003e`.prs_primary`\u003cbr\u003e`.prs_secondary`\u003cbr\u003e`.prs_info`\u003cbr\u003e`.prs_success`\u003cbr\u003e`.prs_warning`\u003cbr\u003e`.prs_danger`\u003cbr\u003e`.prs_light`\u003cbr\u003e`.prs_dark`\n`@editorjs/warning` | `warning` | `.prs-warning` |\n`@editorjs/table` | `table` | `.prs-table` | additional:\u003cbr\u003e`.prs_withheadings`\n`@editorjs/quote` | `quote` | `.prs-quote` | alignment:\u003cbr\u003e`.prs_left`\u003cbr\u003e`.prs_center`\n`@editorjs/code` | `code` | `.prs-code`\n\n## Installation\n1. Unpack to plugins directory\n2. Enable plugin from admin panel\n3. Run `composer install` inside `src` directory plugin (Composer must be installed)\n4. Set Editorjs markup parser in configurations Pages module\n\n## Configuration\n1. You can turn off unnecessary tools in `editorjs.editor.php`\n2. Set sanitize data from client with HTML Purifier rules in `sanitize-blocks-config.json`\n3. Set custom prefix (default is `prs`) for generated classes in plugin configuration\n\nFor more information on cleaning rules, see: https://github.com/editor-js/editorjs-php\n\n## Generated HTML\n\n### Header\n\n```html\n\u003ch2 class=\"prs-header prs_center\"\u003eLorem\u003c/h2\u003e\n```\n\n### Paragraph\n\n```html\n\u003cp class=\"prs-paragraph prs_center\"\u003e\n    \u003ccode class=\"inline-code\"\u003ePellentesque\u003c/code\u003e \n    \u003ci\u003emalesuada fames\u003c/i\u003e \n    \u003cmark class=\"cdx-marker\"\u003etempus\u003c/mark\u003e\n\u003c/p\u003e\n```\n\n### Ordered List\n\n```html\n\u003col class=\"prs-list prs_ordered\"\u003e\n    \u003cli\u003e\u003c/li\u003e\n\u003c/ol\u003e\n```\n\n### Unordered List\n\n```html\n\u003cul class=\"prs-list\"\u003e\n    \u003cli\u003e\u003c/li\u003e\n\u003c/ul\u003e\n```\n\n### Table\n\n```html\n\u003ctable class=\"prs-table prs_withheadings\"\u003e\n    \u003cthead\u003e\n        \u003ctr\u003e\n            \u003cth\u003e1\u003c/th\u003e\u003cth\u003e2\u003c/th\u003e\n        \u003c/tr\u003e\n    \u003c/thead\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003ea\u003c/td\u003e\u003ctd\u003eb\u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/tbody\u003e\n\u003c/table\u003e\n```\n\n### Code\n\n```html\n\u003cpre class=\"prs-code\"\u003e\n    \u003ccode\u003e\u003c/code\u003e\n\u003c/pre\u003e\n```\n\n### Embed \n###### *(Actually working with Youtube)*\n\n```html\n\u003cfigure class=\"prs-embed prs_youtube\"\u003e\n    \u003ciframe width=\"580\" height=\"320\" src=\"https://www.youtube.com/embed/CwXOrWvPBPk\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"1\"\u003e\u003c/iframe\u003e\n    \u003cfigcaption\u003eShrek (2001) Trailer\u003c/figcaption\u003e\n\u003c/figure\u003e\n```\n\n### Delimiter\n\n```html\n\u003chr class=\"prs-delimiter\"\u003e\n```\n\n### LinkTool\n\n```html\n\u003cfigure class=\"prs-linkTool\"\u003e\n    \u003ca href=\"https://github.com/\" target=\"_blank\"\u003e\n       \u003cimg src=\"https://example.com/cat.png\" alt=\"\"\u003e\n       \u003cp class=\"prs_title\"\u003eTitle\u003c/p\u003e\n       \u003cp class=\"prs_description\"\u003eDescription\u003c/p\u003e\n       \u003cp class=\"prs_sitename\"\u003eexample.com\u003c/p\u003e\n    \u003c/a\u003e\n\u003c/figure\u003e\n```\n\n### Image\n\n```html\n\u003cfigure class=\"prs-image prs_withborder prs_withbackground prs_stretched\"\u003e\n    \u003cimg src=\"\" alt=\"\"\u003e\n    \u003cfigcaption\u003e\u003c/figcaption\u003e\n\u003c/figure\u003e\n```\n\n### Quote\n\n```html\n\u003cfigure class=\"prs-quote prs_center\"\u003e\n    \u003cblockquote\u003e\u003c/blockquote\u003e\n    \u003cfigcaption\u003e\u003c/figcaption\u003e\n\u003c/figure\u003e\n```\n\n### Warning\n\n```html\n\u003cdiv class=\"prs-warning\"\u003e\n    \u003ci\u003e\u003c/i\u003e\n    \u003ch4\u003eTitle\u003c/h4\u003e\n    \u003cp\u003eMessage\u003c/p\u003e\n\u003c/div\u003e\n```\n\n### Alert\n\n```html\n\u003cp class=\"prs-alert prs_center prs_success\"\u003e\n    Alert!\n\u003c/p\u003e\n```\n\n### Raw\n\n```html\n\u003cdiv class=\"prs-raw\"\u003e\n    Raw HTML ...\n\u003c/div\u003e\n```\nFor more information about parser, see: [https://github.com/editor-js/editorjs-php](https://github.com/Edd-G/editorjs-simple-html-parser)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FEdd-G%2Fcot-editorjs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FEdd-G%2Fcot-editorjs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FEdd-G%2Fcot-editorjs/lists"}