{"id":21344469,"url":"https://github.com/s00d/on-codemerge","last_synced_at":"2025-10-10T18:49:58.316Z","repository":{"id":215788838,"uuid":"739784915","full_name":"s00d/on-codemerge","owner":"s00d","description":"A WYSIWYG editor for on-codemerge is a user-friendly interface that allows users to edit and view their code in real time, exactly as it will appear in the final product. ","archived":false,"fork":false,"pushed_at":"2025-06-29T09:24:52.000Z","size":10292,"stargazers_count":8,"open_issues_count":0,"forks_count":2,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-07-07T12:48:42.079Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://s00d.github.io/on-codemerge/","language":"TypeScript","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/s00d.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2024-01-06T14:36:37.000Z","updated_at":"2025-06-29T09:24:55.000Z","dependencies_parsed_at":"2025-01-07T09:31:54.255Z","dependency_job_id":"705e7be6-3e8f-4bf8-9731-bde9b56efb31","html_url":"https://github.com/s00d/on-codemerge","commit_stats":{"total_commits":77,"total_committers":1,"mean_commits":77.0,"dds":0.0,"last_synced_commit":"cb371017faac856cb1ab76e888d80ef6d3fd8e59"},"previous_names":["s00d/on-codemerge"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/s00d/on-codemerge","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/s00d%2Fon-codemerge","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/s00d%2Fon-codemerge/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/s00d%2Fon-codemerge/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/s00d%2Fon-codemerge/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/s00d","download_url":"https://codeload.github.com/s00d/on-codemerge/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/s00d%2Fon-codemerge/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264186181,"owners_count":23570085,"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-11-22T01:19:11.164Z","updated_at":"2025-10-10T18:49:58.311Z","avatar_url":"https://github.com/s00d.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![npm version](https://img.shields.io/npm/v/on-codemerge/latest?style=for-the-badge)](https://www.npmjs.com/package/on-codemerge)\n[![npm downloads](https://img.shields.io/npm/dw/on-codemerge?style=for-the-badge)](https://www.npmjs.com/package/on-codemerge)\n[![npm license](https://img.shields.io/npm/l/on-codemerge?style=for-the-badge)](https://github.com/on-org/on-codemerge/blob/master/LICENSE)\n[![npm type definitions](https://img.shields.io/npm/types/on-codemerge?style=for-the-badge)](https://github.com/on-org/on-codemerge)\n[![GitHub issues](https://img.shields.io/badge/github-issues-orange?style=for-the-badge)](https://github.com/s00d/on-codemerge/issues)\n[![GitHub stars](https://img.shields.io/badge/github-stars-yellow?style=for-the-badge)](https://github.com/s00d/on-codemerge/stargazers)\n[![Donate](https://img.shields.io/badge/Donate-Donationalerts-ff4081?style=for-the-badge)](https://www.donationalerts.com/r/s00d88)\n\n# on-codemerge\n\nZero dependencies editor\n\n[Docs](https://s00d.github.io/on-codemerge/)\n\n\u003cimg src=\"https://github.com/s00d/on-codemerge/blob/main/branding/repository-open-graph-template_long.png?raw=true\" alt=\"logo\"\u003e\n\u003cimg src=\"https://github.com/s00d/on-codemerge/blob/main/branding/Screenshot1.png?raw=true\" alt=\"logo\"\u003e\n\u003cimg src=\"https://github.com/s00d/on-codemerge/blob/main/branding/Screenshot2.png?raw=true\" alt=\"logo\"\u003e\n\n## Description\n\nA WYSIWYG editor for on-codemerge is a user-friendly interface that allows users to edit and view their code in real time, exactly as it will appear in the final product. This intuitive tool is designed for developers of all skill levels.\n\n## Installation\n\nTo use the editor, include it in your project by importing the main `HTMLEditor` class and any required plugins.\n\n```javascript\nimport { HTMLEditor, ToolbarPlugin, AlignmentPlugin } from 'on-codemerge';\n```\n\n## Setup\n\nInitialize the editor by creating an instance of `HTMLEditor` and passing the target DOM element where the editor should be rendered.\n\n```javascript\nconst targetElement = document.getElementById('editor');\nconst editor = new HTMLEditor(targetElement);\n\n// Register plugins\neditor.use(new ToolbarPlugin());\neditor.use(new AlignmentPlugin());\n\n// To start the editor\neditor.init();\n```\n\n## Using Plugins\n\nPlugins can be added to enhance the functionality of the editor. Here's an example of how to add a toolbar plugin.\n\n```javascript\nimport { ToolbarPlugin } from 'on-codemerge';\n\n// After initializing the editor\neditor.use(new ToolbarPlugin());\n```\n\n## Contribution\n\nContributions to the editor are welcome. Please ensure that custom plugins and features adhere to the project's architecture and coding standards.\n\n---\n\nFor more detailed documentation, please refer to the individual plugin files and the source code of `HTMLEditor`.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fs00d%2Fon-codemerge","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fs00d%2Fon-codemerge","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fs00d%2Fon-codemerge/lists"}