{"id":15201673,"url":"https://github.com/ziolko/jsx-markdown","last_synced_at":"2026-03-09T00:33:38.122Z","repository":{"id":57146639,"uuid":"114547483","full_name":"ziolko/jsx-markdown","owner":"ziolko","description":"Seamlessly embed markdown into JSX","archived":false,"fork":false,"pushed_at":"2017-12-18T19:49:50.000Z","size":21,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-09-26T13:58:36.113Z","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":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ziolko.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}},"created_at":"2017-12-17T15:29:44.000Z","updated_at":"2017-12-17T15:30:00.000Z","dependencies_parsed_at":"2022-08-29T20:50:27.053Z","dependency_job_id":null,"html_url":"https://github.com/ziolko/jsx-markdown","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ziolko/jsx-markdown","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ziolko%2Fjsx-markdown","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ziolko%2Fjsx-markdown/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ziolko%2Fjsx-markdown/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ziolko%2Fjsx-markdown/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ziolko","download_url":"https://codeload.github.com/ziolko/jsx-markdown/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ziolko%2Fjsx-markdown/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30278551,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-08T20:45:49.896Z","status":"ssl_error","status_checked_at":"2026-03-08T20:45:49.525Z","response_time":56,"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":[],"created_at":"2024-09-28T03:20:49.401Z","updated_at":"2026-03-09T00:33:38.096Z","avatar_url":"https://github.com/ziolko.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Seamlessly embed markdown into JSX\nThis library provides React component for embeding markdown into JSX using \n[tagged template literals](http://wesbos.com/tagged-template-literals) ES6 feature.\n\n## Usage \n```jsx\nimport React from 'react'\nimport Markdown from 'jsx-markdown'\n\nclass MyComponent extends React.Component {\n  constructor (props) {\n    super(props)\n    this.state = { counter: 0 }\n  }\n\n  render () {\n    return Markdown`\n      # Hello world\n\n      This is markdown paragraph. You can \n      inline JavaScript variables as shown below.\n\n      Counter is equal ${this.state.counter}\n      \n      You can even render React components:\n      ${\u003cbutton onClick={() =\u003e this.increment()}\u003e\n        +1\n      \u003c/button\u003e}\n    `\n  }\n\n  increment () {\n    this.setState({ \n      counter: this.state.counter + 1 \n    })\n  }\n} \n```\n\n## Remarks\n1. HTML tags are not supported in markdown. If you need to render HTML use the following syntax:\n```jsx\nMarkdown`\n  This is markdown. ${\u003cdiv\u003e This is custom HTML\u003c/div\u003e}\n`\n```\n2. Indentation is removed automatically. It means the following two are equivalent:\n```jsx\nMarkdown`\nFirst line\nAnothe line\n`\n```\n\n```jsx\nMarkdown`\n      First line\n      Anothe line\n`\n```\n\n3. Because backtick character has to be escaped in template literals the component introduces some special syntax for convenience. Two quotation marks in a row are replaced with single backtick and three quotatiom marks in a row are repaced with three backticks.\n\n```jsx\nMarkdown`\n  ''variable'' is equivalent to \\`variable\\`.\n`\n```\n\n```jsx\nMarkdown`\n  '''js\n    console.log(1)\n  '''\n\n  is equivalent to\n\n  \\`\\`\\`js\n    console.log(1)\n  \\`\\`\\`\n`\n```\n\n## Project status\nThis component is used as a convenient markdown formatting in my another project. Functionalities are added as needed. It means at the current stage this component doesn't handle some basic markdown formatting.\n\nIf you miss some functionality feel free to raise an issue or create a pull request.\n\n## License\nhttps://opensource.org/licenses/MIT","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fziolko%2Fjsx-markdown","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fziolko%2Fjsx-markdown","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fziolko%2Fjsx-markdown/lists"}