Gem 一覧へ戻る
acdlite/react-remarkable(新しいタブで開きます)
主要言語: JavaScript
A React component for rendering Markdown with remarkable
- star 数
- 457
- watcher 数
- 4
- fork 数
- 57
- issue 数
- 25
- 最終更新
- 2022/12/07
主要言語: JavaScript
A React component for rendering Markdown with remarkable
A React component for rendering Markdown with remarkable.
npm install --save react-remarkable
var React = require('react'); var Markdown = require('react-remarkable'); var MyComponent = React.createClass({ render() { return ( <div> {/* Pass Markdown source to the `source` prop */} <Markdown source="**Markdown is awesome!**" /> {/* Or pass it as children */} {/* You can nest React components, too */} <Markdown>{` ## Reasons React is great 1. Server-side rendering 2. This totally works: <SomeOtherAmazingComponent /> Pretty neat! `}</Markdown> </div> ); } });
Available props:
options - Hash of Remarkable optionssource - Markdown source. You can also pass the source as children, which allows you to mix React components and Markdown.container - Element to use as container. Defaults to div.You can enable syntax highlighting in Atom using the following steps:
Go to Settings > Packages > language-babel Settings > Enter this for JavaScript Tagged Literal Grammar Extensions:
"(?<=<Markdown>{)":source.gfm
Shortly you'll see that markdown syntax highlighting is enabled.
MIT