{"id":42744522,"url":"https://github.com/zlargon/react-highlight","last_synced_at":"2026-01-29T19:09:39.296Z","repository":{"id":57346076,"uuid":"57215564","full_name":"zlargon/react-highlight","owner":"zlargon","description":"React component for syntax highlighting.","archived":false,"fork":false,"pushed_at":"2017-07-10T05:02:36.000Z","size":42,"stargazers_count":10,"open_issues_count":1,"forks_count":1,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-08-27T10:58:31.202Z","etag":null,"topics":["highlight","highlightjs","react","syntax-highlighting"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/react-syntax-highlight","language":"HTML","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/zlargon.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-04-27T13:29:32.000Z","updated_at":"2017-07-24T15:34:42.000Z","dependencies_parsed_at":"2022-09-26T16:41:11.165Z","dependency_job_id":null,"html_url":"https://github.com/zlargon/react-highlight","commit_stats":null,"previous_names":[],"tags_count":8,"template":false,"template_full_name":null,"purl":"pkg:github/zlargon/react-highlight","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zlargon%2Freact-highlight","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zlargon%2Freact-highlight/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zlargon%2Freact-highlight/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zlargon%2Freact-highlight/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zlargon","download_url":"https://codeload.github.com/zlargon/react-highlight/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zlargon%2Freact-highlight/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28882763,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-29T16:41:59.663Z","status":"ssl_error","status_checked_at":"2026-01-29T16:39:39.641Z","response_time":59,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["highlight","highlightjs","react","syntax-highlighting"],"created_at":"2026-01-29T19:09:38.476Z","updated_at":"2026-01-29T19:09:39.288Z","avatar_url":"https://github.com/zlargon.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-highlight\n\n[![][npm-img]][npm-url]\n\n[![][dependency-img]][dependency-url]\n\n\u003e React component for syntax highlighting\n\n## Change Log\n\nPlease see [CHANGELOG](https://github.com/zlargon/react-highlight/blob/master/CHANGELOG.md).\n\n## Installation\n\n```bash\n$ npm install --save react react-dom          # peer dependencies\n$ npm install --save react-syntax-highlight\n```\n\n## Compatibility: React 15.3.0+\n\nThis package is compatible with __React 15.3.0__ and higher. (https://github.com/facebook/prop-types#compatibility)\n\n`npm install --save react@^15.3.0 react-dom@^15.3.0`\n\n## Usage\n\n### Highlight Theme\n\ninclude a highlight.js theme in your HTML file\n\n```html\n\u003clink rel='stylesheet' href='https://highlightjs.org/static/demo/styles/default.css'/\u003e\n\u003clink rel='stylesheet' href='https://highlightjs.org/static/demo/styles/xxxx.css'/\u003e\n```\n\nor if you're using `webpack`, you can require themes like is:\n\n```js\nrequire('highlight.js/styles/default.css');\nrequire('highlight.js/styles/xxxx.css');\n```\n\nsee all the highlight theme [here](https://github.com/isagalaev/highlight.js/tree/master/src/styles)\n\n### React Part\n\n```jsx\nconst Highlight = require('react-syntax-highlight');\n\n\u003cHighlight lang={language} value={content} /\u003e\n```\n\n## Example\n\n- https://github.com/zlargon/react-highlight-example\n- http://jsbin.com/bibaqu/edit?js,output (JS Bin)\n\n## License\n\nMIT\n\n[npm-url]: https://nodei.co/npm/react-syntax-highlight\n[npm-img]: https://nodei.co/npm/react-syntax-highlight.png\n\n[dependency-url]: https://david-dm.org/zlargon/react-highlight\n[dependency-img]: https://img.shields.io/david/zlargon/react-highlight.svg\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzlargon%2Freact-highlight","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzlargon%2Freact-highlight","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzlargon%2Freact-highlight/lists"}