{"id":13498929,"url":"https://github.com/MarketingPipeline/Markdown-Tag","last_synced_at":"2025-03-29T03:32:11.351Z","repository":{"id":38825461,"uuid":"494000316","full_name":"MarketingPipeline/Markdown-Tag","owner":"MarketingPipeline","description":"Render Markdown to HTML on any website using a md tag","archived":false,"fork":false,"pushed_at":"2022-11-09T19:41:26.000Z","size":264,"stargazers_count":429,"open_issues_count":2,"forks_count":21,"subscribers_count":6,"default_branch":"main","last_synced_at":"2025-03-23T10:12:26.468Z","etag":null,"topics":["commonmark","custom-element","frontend","gfm","github","github-flavored-markdown","github-markdown","html","html-converter","javascript","markdown","markdown-converter","markdown-flavors","markdown-parser","markdown-tag","markdown-to-html","md","showdown","web-component","web-components"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/MarketingPipeline.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":"2022-05-19T09:14:44.000Z","updated_at":"2025-03-21T21:43:35.000Z","dependencies_parsed_at":"2023-01-21T02:16:00.129Z","dependency_job_id":null,"html_url":"https://github.com/MarketingPipeline/Markdown-Tag","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MarketingPipeline%2FMarkdown-Tag","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MarketingPipeline%2FMarkdown-Tag/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MarketingPipeline%2FMarkdown-Tag/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MarketingPipeline%2FMarkdown-Tag/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MarketingPipeline","download_url":"https://codeload.github.com/MarketingPipeline/Markdown-Tag/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246135700,"owners_count":20729056,"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":["commonmark","custom-element","frontend","gfm","github","github-flavored-markdown","github-markdown","html","html-converter","javascript","markdown","markdown-converter","markdown-flavors","markdown-parser","markdown-tag","markdown-to-html","md","showdown","web-component","web-components"],"created_at":"2024-07-31T22:00:21.648Z","updated_at":"2025-03-29T03:32:11.088Z","avatar_url":"https://github.com/MarketingPipeline.png","language":"CSS","readme":"# Markdown-Tag\n\n \n\u003cp align=\"center\"\u003e\n  \u003cimg height=\"400\" src=\"https://imgur.com/oQgTNF3.png\" /\u003e\n\u003c/p\u003e\n                                                                     \n\n\n   \u003cp align=\"center\"\u003e\n    The easiest way to add Markdown support to your website!\n  \n  \u003cbr\u003e\n  \u003csmall\u003e \u003cb\u003e\u003ci\u003eShow your support!\u003c/i\u003e \u003c/b\u003e\u003c/small\u003e\n  \u003cbr\u003e\n   \u003ca href=\"https://github.com/MarketingPipeline/Markdown-Tag\"\u003e\n    \u003cimg title=\"Star on GitHub\" src=\"https://img.shields.io/github/stars/MarketingPipeline/Markdown-Tag.svg?style=social\u0026label=Star\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/MarketingPipeline/Markdown-Tag/fork\"\u003e\n    \u003cimg title=\"Fork on GitHub\" src=\"https://img.shields.io/github/forks/MarketingPipeline/Markdown-Tag.svg?style=social\u0026label=Fork\"\u003e\n  \u003c/a\u003e\n   \u003c/p\u003e  \n\n\n\n\n\n## Example and usage\n\nYou can view a demo of Markdown Tag in use [here.](https://marketingpipeline.github.io/Markdown-Tag)\n\n\nHow to use \u003cb\u003e\u003ci\u003eMarkdown Tag\u003c/b\u003e\u003c/i\u003e:\n\n  Add support to any website to use markdown ANYWHERE with a simple tag! Like so -\n\n            \u003cmd\u003e\n    # Markdown Support\n               \n               Awesomeness\n             \u003c/md\u003e\n\n\n\n   include this [script](https://github.com/MarketingPipeline/Markdown-Tag/blob/main/markdown-tag.js) at the \u003cb\u003ebottom\u003c/b\u003e of your HTML document.\n         \n    \u003cscript src=\"https://cdn.jsdelivr.net/gh/MarketingPipeline/Markdown-Tag/markdown-tag.js\"\u003e\u003c/script\u003e \n\n\n         \n\nHow to use \u003cb\u003e\u003ci\u003eMarkdown Tag\u003c/b\u003e\u003c/i\u003e with \u003cb\u003eGitHub Styling\u003c/b\u003e:\n\nInstead of using a \u0026lt;md\u003e tag use\n   \n         \u003cgithub-md\u003e# Example \u003c/github-md\u003e\n\n\n\n\n\n\n\u003cbr\u003e\n\n\n\nHow to \u003cb\u003erender\u003c/b\u003e new text or a new Markdown Tag added to HTML:\n\nCall this function using a onclick etc..\n\n```\nrenderMarkdown();\n```\n\n\n\n## Syntax\n\n\n  This script uses Showdown to render Markdown - to read about the Showdown's Markdown syntax style click [here](https://github.com/showdownjs/showdown/wiki/Showdown's-Markdown-syntax)\n\nHow to use \u003cb\u003e\u003ci\u003eCommonMark Syntax\u003c/b\u003e\u003c/i\u003e:\n\n If you wish to use [CommonMark](https://spec.commonmark.org/current/) syntax instead of Showdown's use this [script](https://github.com/MarketingPipeline/Markdown-Tag/blob/main/markdown-tag-commonmark.js) instead of the one above at the \u003cb\u003ebottom\u003c/b\u003e of your HTML document.\n         \n    \u003cscript src=\"https://cdn.jsdelivr.net/gh/MarketingPipeline/Markdown-Tag/markdown-tag-commonmark.js\"\u003e\u003c/script\u003e \n\nHow to use \u003cb\u003e\u003ci\u003eGitHub Flavored Markdown Syntax\u003c/b\u003e\u003c/i\u003e:\n \n If you wish to use [GitHub Flavored Markdown Spec](https://github.github.com/gfm/) syntax  use this [script](https://github.com/MarketingPipeline/Markdown-Tag/blob/main/markdown-tag-Github.js) instead of the other script's above at the \u003cb\u003ebottom\u003c/b\u003e of your HTML document. \n \n         \n       \u003cscript src=\"https://cdn.jsdelivr.net/gh/MarketingPipeline/Markdown-Tag/markdown-tag-GitHub.js\"\u003e\u003c/script\u003e \n      \n \n  \u003ci\u003eNote:\u003c/i\u003e This options includes - Tables, GitHub Mentions \u0026 More.             \n\n\n## Syntax Highlighting \n\n\u003e Note: to use Syntax Hightlighting - you must use the GitHub flavored version of \u003cb\u003e\u003ci\u003eMarkdown Tag\u003c/i\u003e\u003c/b\u003e.\n\nBy **default** using a \u003ccode\u003e\u0026lt;github-md\u003e\u003c/code\u003e will automatically add a CSS stylesheet for GitHub like syntax hightlighting colors. \n\nTo use Syntax Highlighting with a \u003ccode\u003e\u0026lt;md\u003e\u003c/code\u003e tag, you will need to apply a CSS stylesheet. You can find a list of Syntax Hightlighting Stylesheets that work with Markdown Tag [here](https://github.com/PrismJS/prism-themes)\n\n\n\n## Handling untrusted content\n\nBy default Markdown-Tag does not santize the Markdown you provide, since in most use cases the content is trusted.\n\nAny other content provided from user's on your website etc. Should be santized before adding it inside a \u003ccode\u003e\u0026lt;md\u003e\u003c/code\u003e or \u003ccode\u003e\u0026lt;github-md\u003e\u003c/code\u003e tag to prevent XSS. \n\n\n\n## Contributing ![GitHub](https://img.shields.io/github/contributors/MarketingPipeline/Markdown-Tag)\n\nWant to improve this? Create a pull request with detailed changes / improvements! If approved you will be added to the list of contributors of this awesome project!\n\n\nLooking for a task to work on? Check the tasks that need improved in the [to-do](https://github.com/MarketingPipeline/Markdown-Tag/blob/main/.github/U.md) list.\n\n\nSee also the list of\n[contributors](https://github.com/MarketingPipeline/Markdown-Tag/graphs/contributors) who\nparticipate in this project.\n\n## License ![GitHub](https://img.shields.io/github/license/MarketingPipeline/markdown-tag)\n\nThis project is licensed under the GPL-3.0 License - see the\n[LICENSE.md](https://github.com/MarketingPipeline/Markdown-Tag/blob/main/LICENSE) file for\ndetails.\n","funding_links":[],"categories":["Example and Usage","CSS","Markdown Building Blocks"],"sub_categories":["Markdown Web Components / Custom Elements"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMarketingPipeline%2FMarkdown-Tag","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FMarketingPipeline%2FMarkdown-Tag","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMarketingPipeline%2FMarkdown-Tag/lists"}