New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

markdown-it-react-component

Package Overview
Dependencies
Maintainers
1
Versions
28
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

markdown-it-react-component - npm Package Compare versions

Comparing version 0.1.0-beta.1 to 0.1.0

2

package.json
{
"name": "markdown-it-react-component",
"version": "0.1.0-beta.1",
"version": "0.1.0",
"description": "Plugin to support react component for markdown-it markdown parser",

@@ -5,0 +5,0 @@ "main": "index.js",

# markdown-it-react-component
Plugin to support react component for markdown-it markdown parser
With this plugin you can support react component like:
```
::: rc
function Hello(props){
return (
<div>
Hello:
<p style={{color:'red'}}>{props.text}</p>
</div>
)
}
return (
<div>
<Hello text="World"/>
</div>
);
:::
```
## Installation
Only browser:
```bash
$ npm install markdown-it-react-component --save
```
## API
```js
import MarkdownIt from "markdown-it";
import { SupportReactComponent } from "../index";
const md = new MarkdownIt().use(md => SupportReactComponent(md,[, options]))
```
* options:
- components - optional,React Component to provide plugin.
### Params
## Example
See [markdown-it-react-component-example](https://github.com/LinFeng1997/markdown-it-react-component-example/blob/master/index.js)
### Use Antd React Components
See [markdown-it-react-component-antd-example](https://github.com/LinFeng1997/markdown-it-react-component-example/blob/master/antd.js)
## License
[MIT](https://github.com/LinFeng1997/markdown-it-react-component/blob/master/LICENSE)
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc