{"id":21291886,"url":"https://github.com/idea2app/edkit","last_synced_at":"2025-10-12T13:03:31.600Z","repository":{"id":42519965,"uuid":"355295411","full_name":"idea2app/Edkit","owner":"idea2app","description":"Rich Text Editor based on TypeScript, React \u0026 Bootstrap","archived":false,"fork":false,"pushed_at":"2024-06-09T20:31:10.000Z","size":1144,"stargazers_count":13,"open_issues_count":1,"forks_count":1,"subscribers_count":4,"default_branch":"master","last_synced_at":"2024-11-21T13:44:00.482Z","etag":null,"topics":["bootstrap","editor","html","react","rich-text","typescript"],"latest_commit_sha":null,"homepage":"http://ideapp.dev/Edkit/","language":"TypeScript","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/idea2app.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,"publiccode":null,"codemeta":null}},"created_at":"2021-04-06T18:43:20.000Z","updated_at":"2024-07-18T15:02:16.000Z","dependencies_parsed_at":"2024-04-25T14:53:29.038Z","dependency_job_id":"7b47835f-86a5-4179-9d70-f732bb88c1ce","html_url":"https://github.com/idea2app/Edkit","commit_stats":{"total_commits":27,"total_committers":3,"mean_commits":9.0,"dds":0.4814814814814815,"last_synced_commit":"b86046b407be00e73f9403cb85e0f53bdf5c9ea6"},"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/idea2app%2FEdkit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/idea2app%2FEdkit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/idea2app%2FEdkit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/idea2app%2FEdkit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/idea2app","download_url":"https://codeload.github.com/idea2app/Edkit/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225741249,"owners_count":17516894,"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":["bootstrap","editor","html","react","rich-text","typescript"],"created_at":"2024-11-21T13:46:35.735Z","updated_at":"2025-10-12T13:03:26.556Z","avatar_url":"https://github.com/idea2app.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Edkit\n\nLightweight **Rich Text Editor** toolkit based on [TypeScript][1]\n\n[![NPM Dependency](https://img.shields.io/librariesio/github/idea2app/Edkit.svg)][2]\n[![CI \u0026 CD](https://github.com/idea2app/Edkit/actions/workflows/main.yml/badge.svg)][3]\n\n[![NPM](https://nodei.co/npm/edkit.png?downloads=true\u0026downloadRank=true\u0026stars=true)][4]\n\n## Demo\n\nhttps://idea2app.github.io/Edkit/React/\n\n## Usage\n\n### Application developers\n\n1. [React + Bootstrap](https://github.com/idea2app/Edkit/tree/master/React/)\n2. [WebCell + Bootstrap](https://github.com/idea2app/Edkit/tree/master/WebCell/)\n\n### Library developers\n\n[Example with React](https://github.com/idea2app/Edkit/tree/master/React/source/)\n\n## Features\n\n### Editor class decorator\n\n`@editor` is compatible with [Web components][5], [React][6] \u0026 other kinds of **class components**.\n\n#### Web components\n\n```tsx\nimport { EditorComponent, editor } from 'edkit';\n\nexport interface HTMLEditor extends EditorComponent {}\n\n@editor\nexport class HTMLEditor extends HTMLElement implements EditorComponent {\n    // your class members...\n}\n```\n\n#### React\n\n```tsx\nimport { Component } from 'react';\nimport { editor, EditorComponent } from 'edkit';\n\nexport interface HTMLEditor extends EditorComponent {}\n\n@editor\nexport class HTMLEditor extends Component implements EditorComponent {\n    // your class members...\n}\n```\n\n### Tool base classes\n\n#### Text\n\n1. [Bold](https://idea2app.github.io/Edkit/classes/BoldTool.html)\n2. [Italic](https://idea2app.github.io/Edkit/classes/ItalicTool.html)\n3. [Underline](https://idea2app.github.io/Edkit/classes/UnderlineTool.html)\n4. [Strike through](https://idea2app.github.io/Edkit/classes/StrikeThroughTool.html)\n5. [H1](https://idea2app.github.io/Edkit/classes/H1Tool.html)\n6. [H2](https://idea2app.github.io/Edkit/classes/H2Tool.html)\n7. [H3](https://idea2app.github.io/Edkit/classes/H3Tool.html)\n8. [Font Size down](https://idea2app.github.io/Edkit/classes/FontSizeDownTool.html)\n9. [Font Size up](https://idea2app.github.io/Edkit/classes/FontSizeUpTool.html)\n10. [Subscript](https://idea2app.github.io/Edkit/classes/SubscriptTool.html)\n11. [Superscript](https://idea2app.github.io/Edkit/classes/SuperscriptTool.html)\n12. [Link](https://idea2app.github.io/Edkit/classes/LinkTool.html)\n\n#### Color\n\n1. [Fore Color](https://idea2app.github.io/Edkit/classes/ForeColorTool.html)\n2. [Back Color](https://idea2app.github.io/Edkit/classes/BackColorTool.html)\n\n#### Layout\n\n1. [Align Left](https://idea2app.github.io/Edkit/classes/AlignLeftTool.html)\n2. [Align Center](https://idea2app.github.io/Edkit/classes/AlignCenterTool.html)\n3. [Align Right](https://idea2app.github.io/Edkit/classes/AlignRightTool.html)\n4. [Align Full](https://idea2app.github.io/Edkit/classes/AlignFullTool.html)\n5. [Ordered list](https://idea2app.github.io/Edkit/classes/OrderedListTool.html)\n6. [Unordered list](https://idea2app.github.io/Edkit/classes/UnorderedListTool.html)\n7. [Horizontal rule](https://idea2app.github.io/Edkit/classes/HorizontalRuleTool.html)\n\n#### Media\n\n1. [Embed Web page](https://idea2app.github.io/Edkit/classes/IFrameTool.html)\n2. [Image](https://idea2app.github.io/Edkit/classes/ImageTool.html)\n3. [Audio](https://idea2app.github.io/Edkit/classes/AudioTool.html)\n4. [Video](https://idea2app.github.io/Edkit/classes/VideoTool.html)\n\n#### Control\n\n1. [Undo](https://idea2app.github.io/Edkit/classes/UndoTool.html)\n2. [Redo](https://idea2app.github.io/Edkit/classes/RedoTool.html)\n3. [Reset](https://idea2app.github.io/Edkit/classes/ResetTool.html)\n4. [Clear](https://idea2app.github.io/Edkit/classes/ClearTool.html)\n\n#### Extra\n\n1. [Copy Markdown](https://idea2app.github.io/Edkit/classes/CopyMarkdownTool.html)\n\n[1]: https://www.typescriptlang.org/\n[2]: https://libraries.io/npm/edkit\n[3]: https://github.com/idea2app/Edkit/actions/workflows/main.yml\n[4]: https://nodei.co/npm/edkit/\n[5]: https://www.webcomponents.org/\n[6]: https://react.dev/\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fidea2app%2Fedkit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fidea2app%2Fedkit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fidea2app%2Fedkit/lists"}