{"id":22900561,"url":"https://github.com/rioastamal/html-editor","last_synced_at":"2025-08-08T17:13:53.605Z","repository":{"id":145534455,"uuid":"169281433","full_name":"rioastamal/html-editor","owner":"rioastamal","description":"Small and lighting fast in-browser HTML editor with syntax highlighting and instant preview. https://rioastamal.net/html-editor/","archived":false,"fork":false,"pushed_at":"2022-11-19T01:25:51.000Z","size":151,"stargazers_count":21,"open_issues_count":0,"forks_count":12,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-31T16:11:32.296Z","etag":null,"topics":["editor","html","html-editor","javascript"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/rioastamal.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":"2019-02-05T17:25:47.000Z","updated_at":"2024-09-27T11:10:27.000Z","dependencies_parsed_at":null,"dependency_job_id":"6a603a57-92bb-4502-9b70-ab096a764734","html_url":"https://github.com/rioastamal/html-editor","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rioastamal%2Fhtml-editor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rioastamal%2Fhtml-editor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rioastamal%2Fhtml-editor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rioastamal%2Fhtml-editor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rioastamal","download_url":"https://codeload.github.com/rioastamal/html-editor/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252979884,"owners_count":21835130,"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":["editor","html","html-editor","javascript"],"created_at":"2024-12-14T01:28:49.011Z","updated_at":"2025-05-08T01:24:29.474Z","avatar_url":"https://github.com/rioastamal.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## About\n\nA small and lighting fast in-browser HTML editor with syntax highlighting and instant preview for code you type. It is a great tool for HTML prototyping since you do not have to save the file everytime you want to make the changes. On top of that it's only single HTML file and works offline too.\n\nYou can think this app as a diet version of CodePen.io or JsFiddle but you can run it locally. It has two main windows -- left is used for code editor and the right one is used for HTML preview. For syntax highlighting it uses an awesome CodeMirror library.\n\nHTML Editor support following features.\n\n- Open file from local disk\n- Save file to local disk\n- Syntax highlighting\n- Word Wrap\n- Instant preview window\n- Keyboard shortcuts\n- Responsive design for mobile\n- Works offline\n\nDemo are available at [https://rioastamal.net/html-editor/](https://rioastamal.net/html-editor/)\n\n![Demo HTML Editor](https://s3.amazonaws.com/rioastamal-assets/html-editor/html-editor-demo.gif)\n\n## Run\n\nTo run the HTML editor just open file `src/index.html` using your favorite web browser and you're ready to go.\n\n## Build\n\nThe build process will generate single HTML file of the editor. It may useful if you want to host or upload the editor to your own server. The build script only uses Bash so it should be easy to run.\n\n```\n$ bash build.sh\nBuild file build/index.html complete.\n```\n\nYou can try to open file `build/index.html` using web browser.\n\n## Changelog\n\n### v1.5\n\n* Bug fixes: Decoding value of `?code=` query string parameter\n\n### v1.4\n\n* New feature: Auto populate contents from `?code=` query string parameter\n\n### v1.3\n\n* Add option to manually trigger preview\n\n### v1.2\n\n* Hide or show for code editor window\n* Prompt a file name on SaveAs feature\n* Confirm to user before closing or reloading the page\n* Add meta tags to the page\n* Add keyboard shortcuts\n\n### v1.1\n\n* Bug fixes: Undefined function name removeObjectURL() on saveAsFile() function.\n\n### v1.0\n\n* Initial release of HTML Editor\n\n## Author\n\nThis application is written by Rio Astamal \\\u003crio@rioastamal.net\u003e\n\n## License\n\nThis application is open source licensed under [MIT license](http://opensource.org/licenses/MIT).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frioastamal%2Fhtml-editor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frioastamal%2Fhtml-editor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frioastamal%2Fhtml-editor/lists"}