{"id":13394467,"url":"https://github.com/reactjs/react-magic","last_synced_at":"2025-05-15T08:05:46.513Z","repository":{"id":12966975,"uuid":"15645447","full_name":"reactjs/react-magic","owner":"reactjs","description":"Automatically AJAXify plain HTML with the power of React. It's magic!","archived":false,"fork":false,"pushed_at":"2023-03-30T01:35:50.000Z","size":276,"stargazers_count":941,"open_issues_count":35,"forks_count":100,"subscribers_count":29,"default_branch":"master","last_synced_at":"2025-05-06T02:41:23.693Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/reactjs.png","metadata":{"files":{"readme":"README-htmltojsx.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}},"created_at":"2014-01-05T04:29:56.000Z","updated_at":"2025-04-28T19:56:06.000Z","dependencies_parsed_at":"2024-01-07T18:09:28.340Z","dependency_job_id":null,"html_url":"https://github.com/reactjs/react-magic","commit_stats":{"total_commits":100,"total_committers":21,"mean_commits":4.761904761904762,"dds":0.62,"last_synced_commit":"b915f5a3c7ef4294f8b8ac0381012e93fd4f1bd1"},"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reactjs%2Freact-magic","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reactjs%2Freact-magic/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reactjs%2Freact-magic/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reactjs%2Freact-magic/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/reactjs","download_url":"https://codeload.github.com/reactjs/react-magic/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254301431,"owners_count":22047904,"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-07-30T17:01:20.649Z","updated_at":"2025-05-15T08:05:46.485Z","avatar_url":"https://github.com/reactjs.png","language":"JavaScript","readme":"HTMLtoJSX\n=========\n\nHTMLtoJSX converts HTML to JSX for use with [React](facebook.github.io/react/).\n\nInstallation\n============\n\n```\nnpm install htmltojsx\n```\n\nAlternatively, a web-based version is available at http://magic.reactjs.net/htmltojsx.htm\n\nUsage\n=====\nHTMLtoJSX can be used either as a command-line application or as a Node.js module. To use the command-line version, invoke the `htmltojsx` command:\n\n```\n$ htmltojsx --help\nConverts HTML to JSX for use with React.\nUsage: htmltojsx [-c ComponentName] file.htm\n\nExamples:\n  htmltojsx -c AwesomeComponent awesome.htm    Creates React component \"AwesomeComponent\" based on awesome.htm\n\n\nOptions:\n  --className, -c  Create a React component (wraps JSX in React.createClass call)\n  --help           Show help\n```\n\nTo use the Node.js module, `require('htmltojsx')` and create a new instance. This is the same interface as the web-based version:\n\n```js\nvar HTMLtoJSX = require('htmltojsx');\nvar converter = new HTMLtoJSX({\n  createClass: true,\n  outputClassName: 'AwesomeComponent'\n});\nvar output = converter.convert('\u003cdiv\u003eHello world!\u003c/div\u003e');\n```\n\nChangelog\n=========\n0.3.0 - 4th September 2017\n--------------------------\n - [#97](https://github.com/reactjs/react-magic/pull/97) - Update to React 15\n - [#100](https://github.com/reactjs/react-magic/pull/100) - Remove JSX class-level indention when transforming HTML into JSX\n - [#136](https://github.com/reactjs/react-magic/pull/136) and [#138](https://github.com/reactjs/react-magic/pull/138) - Handle SVG attributes\n0.2.6 - 28th November 2016\n--------------------------\n - [#55](https://github.com/reactjs/react-magic/pull/55) - Handle braces in text. *Thanks to [Solar Olugebefola](https://github.com/solugebefola)*\n - [#49](https://github.com/reactjs/react-magic/pull/49) - Fix quotation mark replacement. *Thanks to [Geoffrey Challen](https://github.com/gchallen)*\n\n0.2.5 - 26th October 2015\n-------------------------\n - [#33](https://github.com/reactjs/react-magic/issues/33) - Correctly handle `\u003ctextarea\u003e`s and `\u003cpre\u003e`s\n - [#35](https://github.com/reactjs/react-magic/issues/35) - Handle internal stylesheets (`\u003cstyle\u003e` tags). *Thanks to [Trevor Copeland](https://github.com/sickslives)*\n\n0.2.4 - 6th August 2015\n-----------------------\n - [#31](https://github.com/reactjs/react-magic/issues/31) - Fixed `jsdom`\n   dependency\n\n0.2.3 - 5th August 2015\n-----------------------\n - [#8](https://github.com/reactjs/react-magic/issues/8) - Handle \n   case-insensitive attributes and style names\n - [#29](https://github.com/reactjs/react-magic/pull/29) - Switch to \n   `jsdom-no-contextify` to support older versions of Node.js\n\n0.2.2 - 4th May 2015\n--------------------\n - [#21](https://github.com/reactjs/react-magic/issues/21) - Allow output of \n   React classes without class name\n - [#25](https://github.com/reactjs/react-magic/pull/25) - Update version of \n   JSDOM\n\n0.2.1 - 1st February 2015\n-------------------------\n - [#10](https://github.com/reactjs/react-magic/pull/10) - Handle inline CSS\n   shorthand style values\n - [#13](https://github.com/reactjs/react-magic/pull/13) - Maintain valueless\n   attributes handled by JSX\n - [#15](https://github.com/reactjs/react-magic/pull/15) - Use uncontrolled\n   input fields so they can still be edited\n - [#11](https://github.com/reactjs/react-magic/issues/11) - Ensure HTML\n   entities are handled correctly\n\n0.2.0 - 7th September 2014\n--------------------------\n - Initial release\n","funding_links":[],"categories":["Miscellaneous","Uncategorized","JavaScript","Awesome React","React [🔝](#readme)"],"sub_categories":["Miscellaneous","Uncategorized","Tools"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freactjs%2Freact-magic","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Freactjs%2Freact-magic","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freactjs%2Freact-magic/lists"}