react-markdown - Markdown component for React

  •        864

react-markdown is a Markdown component for React using remark. There are other ways for markdown in React out there so why use this one? The two main reasons are that they often rely on dangerouslySetInnerHTML or have bugs with how they handle markdown. react-markdown uses a syntax tree to build the virtual dom which allows for updating only the changing DOM instead of completely overwriting. react-markdown is 100% CommonMark (optionally GFM) compliant and has extensions to support custom syntax.

https://github.com/remarkjs/react-markdown

Tags
Implementation
License
Platform

   




Related Projects

markdown-to-jsx - 🏭 The most lightweight, customizable React markdown component.

  •    Javascript

The most lightweight, customizable React markdown component. Any HTML tags rendered by the compiler and/or <Markdown> component can be overridden to include additional props or even a different HTML representation entirely.

tui.editor - πŸžπŸ“ Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.

  •    TypeScript

TOAST UI Editor provides Markdown mode and WYSIWYG mode. Depending on the type of use you want like production of Markdown or maybe to just edit the Markdown. The TOAST UI Editor can be helpful for both the usage. It offers Markdown mode and WYSIWYG mode, which can be switched any point in time. Today CommonMark is the de-facto Markdown standard. GFM (GitHub Flavored Markdown) is another popular specification based on CommonMark - maintained by GitHub, which is the Markdown mostly used. TOAST UI Editor follows both CommonMark and GFM specifications. Write documents with ease using productive tools provided by TOAST UI Editor and you can easily open the produced document wherever the specifications are supported.

Toast UI Editor - Markdown Wysiwyg Editor

  •    Javascript

Today CommonMark is the de-facto Markdown standard. And GFM (GitHub Flavored Markdown) is another popular specification based on CommonMark maintained by GitHub which is known as the biggest Markdown user. ToastUI Editor respects CommonMark and GFM specifications. Write documents with easy and productive tools provided by ToastUI Editor. You can open this document wherever the specifications are supported.

Editor.md - The open source embeddable online markdown editor (component).

  •    Javascript

The open source embeddable online markdown editor (component), based on CodeMirror & jQuery & Marked. It supports Standard Markdown / CommonMark and GFM (GitHub Flavored Markdown). It has full-featured support for Real-time Preview, Image Upload, Code blocks / Tables insert, Search replace, Themes, Multi-languages and lot more.

markdig - A fast, powerful, CommonMark compliant, extensible Markdown processor for .NET

  •    CSharp

Markdig is a fast, powerful, CommonMark compliant, extensible Markdown processor for .NET.While there is not yet a dedicated documentation, you can find from the specs documentation how to use these extensions.


react-remarkable - A React component for rendering Markdown with remarkable

  •    Javascript

A React component for rendering Markdown with remarkable. Shortly you'll see that markdown syntax highlighting is enabled.

comrak - CommonMark + GFM compatible Markdown parser and renderer

  •    Rust

Rust port of github's cmark-gfm. Comrak supports Rust stable.

remarkable - Markdown parser, done right

  •    Javascript

Markdown parser done right. Fast and easy to extend. By default, remarkable is configured to be similar to GFM, but with HTML disabled. This is easy to change if you prefer different settings.

awesome-markdown - :memo: Delightful Markdown stuff.

  •    Javascript

A curated list of delightful Markdown stuff. Markdown is a markup language created by John Gruber in collaboration with Aaron Swartz. It was designed to be easily converted to HTML and has been extended into different types of implementations.

Marked - A markdown parser and compiler. Built for speed.

  •    Javascript

A markdown parser and compiler. Built for speed. It is a low-level compiler for parsing markdown without caching or blocking for long periods of time. It works in a browser, on a server, or from a command line interface (CLI).

mdxc - Use React Components within Markdown.

  •    Javascript

MDXC is a tool to convert Markdown into React Components. It lets you import and use other React Components within your Markdown. Try it yourself with the MDXC Playground. MDX is a simpler way to write content for your React applications. While standard Markdown compiles to a string of HTML, MDX compiles directly to JavaScript. If you're writing a React app, MDX is both easier to use and more flexible than standard Markdown.

mdx - JSX in Markdown for ambitious projects

  •    Javascript

Markdown for the component era. MDX is a format that lets you seamlessly use JSX in your Markdown documents. You can import components, like interactive charts or notifs, and export metadata. This makes writing long-form content with components a blast πŸš€.

turndown - πŸ› An HTML to Markdown converter written in JavaScript

  •    HTML

Convert HTML into Markdown with JavaScript. For usage with RequireJS, UMD versions are located in lib/turndown.umd.js (for Node.js) and lib/turndown.browser.umd.js for browser usage. These files are generated when the npm package is published. To generate them manually, clone this repo and run npm run build.

react-native-simple-markdown - πŸ“œ React Native Markdown component (iOS & Android)

  •    Javascript

All you need to do is import the react-native-simple-markdown and then use the <Markdown /> component. <Markdown /> will apply its style by default. However you can pass a styles prop to customize it has you wish.

react-native-markdown - Markdown component for React Native

  •    Javascript

A component for rendering Markdown in React Native. Pull requests welcome. All you need is to require the react-native-markdown module and then use the <Markdown/> tag.

react-mde - React Markdown Editor

  •    TypeScript

A simple yet powerful and extensible Markdown Editor editor for React. React-mde is built on top of Draft.js. React-mde is a completely controlled component.

docbox - REST API documentation generator

  •    CSS

Docbox is an open source REST API documentation system. It takes structured Markdown files and generates a friendly two-column layout with navigation, permalinks, and examples. The documentation source files that Docbox uses are friendly for documentation authors and free of presentational code: it's Markdown. Docbox is a JavaScript application written with React. The core magic is thanks to the remark Markdown parser, which enables the layout: after parsing a file into an Abstract Syntax Tree, we can move examples to the right, prose to the left, and build the navigation system.

flexmark-java - CommonMark/Markdown Java parser with source level AST

  •    Java

Java re-implementation of commonmark-java based parser, with AST reflecting source elements, full source position tracking, greater parser extensibility.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.