Angular markdown component/directive/pipe/service to parse static, dynamic or remote content to HTML with syntax highlight and more. As the library is using Marked parser you will need to add node_modules/marked/marked.min.js to your application. To use the line numbers plugin that shows line numbers in code blocks, in addition to Prism.js configuration files, you will need to include the following files from prismjs/plugins/line-numbers directory to your application. Using markdown component and/or directive, you will be able to use the lineNumbers property to activate the plugin. The property can be used in combination with either data for variable binding, src for remote content or using transclusion for static markdown.

Features

  • Marked to parse markdown to HTML
  • Prism.js for language syntax highlight
  • Emoji-Toolkit for emoji support
  • KaTeX for math expression rendering
  • Mermaid for diagrams and charts visualization
  • Clipboard.js to copy code blocks to clipboard

Project Samples

Project Activity

See All Activity >

Categories

Frameworks, Graphics

License

MIT License

Follow ngx-markdown

ngx-markdown Web Site

Other Useful Business Software
Gemini 3 and 200+ AI Models on One Platform Icon
Gemini 3 and 200+ AI Models on One Platform

Access Google's best plus Claude, Llama, and Gemma. Fine-tune and deploy from one console.

Build generative AI apps with Vertex AI. Switch between models without switching platforms.
Start Free
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of ngx-markdown!

Additional Project Details

Operating Systems

Linux, Mac, Windows

Programming Language

TypeScript

Related Categories

TypeScript Frameworks, TypeScript Graphics Software

Registered

2022-10-17