Best Awesome React Markdown Components
1.React Markdown Table Generator
Creating Markdown Tables without having to be an ascii art professional.
2.Markdown Editor
A very simple but useful Markdown Previewer and Markdown Editor with CodeMirror, Markedjs and Create-react-app
3.For Editor
for-editor is a react markdown editor.
Live Demo: https://md.kkfor.com/
View on GitHub
4.React Markdown Doc
React Markdown Doc is a Documentation Generator built with React 16 and Webpack4.
Motivation
React Markdown Doc was developed to provide a SSG easy to maintain and as modular as possible, built on top of React 16 and Webpack4, it should also be compatible with mainstream static hosting platforms (Apache, now, netlify, surge etc…).
Features
[x] React-router v4 integration
[x] webpack 4 integration
[x] Live demo
[ ] Code block render from Markdown
[ ] Responsive Layout
Live Demo : https://lucid-newton-42e898.netlify.com/
View on GitHub
5.React simplemde-v1
React component wrap for SimpleMDE Markdown Editor(v1.x) https://simplemde.com/
6.Markdown to jsx
The most lightweight, customizable React markdown component.
markdown-to-jsx uses a heavily-modified fork of simple-markdown as its parsing engine and extends it in a number of ways to make your life easier. Notably, this package offers the following additional benefits:
- Arbitrary HTML is supported and parsed into the appropriate JSX representation without dangerouslySetInnerHTML
- 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.
- GFM task list support.
- Fenced code blocks with highlight.js support.
All this clocks in at around 5 kB gzipped, which is a fraction of the size of most other React markdown components.
Requires React >= 0.14.
https://probablyup.com/markdown…
View on GitHub
7.React Markdown
Markdown editor input based on React
Demo: https://opuscapita.github.io/react-ma…
8.React mde
A simple yet powerful and extensible React Markdown Editor. React-mde has no 3rd party dependencies.
Demo
Demo
Demo on CodeSandbox
9.React Marker
crayon Highlight keywords and add colors to your text
10.React Markdown Editor
A markdown editor using React/Reflux.
Features
From the UI:
- Bold
- Italic
- Header
- Subheader
- Link
- Unordered List
- Inline Images
Of course it is a regular markdown editor (using the nice markdown-js library), so you are not limited to the UI.
11.React Markdown Editor
A Markdown Editor for React.js, built with CodeMirror.
This is a work in progress. Format application and removal is not very robust, some formats are missing.
Live Demo http://jedwatson.github.io/react-md-editor
12.Megadraft
Megadraft is a Rich Text editor built on top of Facebook’s Draft.JS featuring a nice default base of components and extensibility
Checkout our website with a live demo!
13.React Medium Editor
React wrapper for medium-editor
For better rich text editing with react, check draft-js.
Demo http://wangzuo.github.io/react-medium-editor
View on GitHub
14.React Codemirror
The excellent CodeMirror editor as a React.js component.
Live Demo http://jedwatson.github.io/react-codemirror/
View on GitHub
15.React Markdown Previewer
Markdown Previewer
A FreeCodeCamp project
Built with React
16.React Mark
Configurable Markdown Components in React. Make your own components to do custom things like to:
- Add line numbers and syntax highlighting to pre tags.
- Transform absolute and relative link paths on a tags.
- Add anchor links to all h1 and h2 tags.
Live Demo http://casesandberg.github.io/react-mark/
View on GitHub
#reactjs #javascript #programming
