react-md-translator

一个简单的react markdown编辑器，可以把markdown文件编译成react Demo 页

Last updated 6 years ago by qingze .

Original npm · Tarball · package.json

$ npm install react-md-translator

SYNC missed versions from official npm registry.

react-md-translator

使用markdown文件编写你的react组件示例

解析规则

组件可将以:::demo为开头,:::为结尾的markdown内容解析为特定的代码块，其中代码部分需要使用 ````js`进行包裹，详情见demo文件夹。

开始使用

 npm i react-md-translator

使用示例

import React from 'react'
import DemoPage from 'react-md-translator'
import 'react-md-translator/style/index.scss';
import 'react-md-translator/style/md-style.scss';

class demo extends React.Component {
  render() {
    return (
        <DemoPage markdown={require('./test.md')}/>
    )
  }
}

请使用webpack raw-loader加载markdown文件

demo

API

API	类型	描述
dependencies	Object	demo所需要的依赖项
renderer	Object	marked.renderer配置
locale	Object	{showText:'显示代码',hideText:'隐藏代码'}
children	Markdown	markdown文件

Current Tags

1.0.9 ... latest (5 years ago)

29 Versions

Maintainers (1)

Downloads

Total 2

Today 0

This Week 0

This Month 0

Last Day 0

Last Week 0

Last Month 2

Dependencies (7)

codemirror ^5.41.0
marked ^0.5.1
prismjs ^1.15.0
prop-types ^15.6.2
babel-standalone ^6.26.0
react ^16.1.1
react-dom ^16.1.1

Dev Dependencies (31)

@babel/core ^7.0.0
@babel/node ^7.0.0
@babel/cli ^7.0.0
@babel/plugin-proposal-class-properties ^7.0.0
@babel/plugin-proposal-decorators ^7.0.0
@babel/plugin-proposal-do-expressions ^7.0.0
@babel/plugin-proposal-export-default-from ^7.0.0
@babel/plugin-proposal-export-namespace-from ^7.0.0
@babel/plugin-proposal-function-sent ^7.0.0
@babel/plugin-proposal-json-strings ^7.0.0
@babel/plugin-proposal-logical-assignment-operators ^7.0.0
@babel/plugin-proposal-nullish-coalescing-operator ^7.0.0
@babel/plugin-proposal-numeric-separator ^7.0.0
@babel/plugin-proposal-optional-chaining ^7.0.0
@babel/plugin-proposal-pipeline-operator ^7.0.0
@babel/plugin-proposal-throw-expressions ^7.0.0
@babel/plugin-syntax-dynamic-import ^7.0.0
@babel/plugin-syntax-import-meta ^7.0.0
@babel/preset-env ^7.0.0
@babel/preset-react ^7.0.0
babel-loader ^8.0.4
case-sensitive-paths-webpack-plugin ^2.1.2
css-loader ^1.0.1
html-webpack-plugin ^3.2.0
less ^3.8.1
less-loader ^4.1.0
raw-loader ^0.5.1
react-hot-loader ^4.3.11
style-loader ^0.23.1
webpack ^4.23.1
webpack-dev-server ^3.1.10

Dependents (1)

ppfish

© 2010 - cnpmjs.org x YWFE | Home | YWFE