ray-code v1.0.4

ray-code

代码美化

useage

npm install --save ray-code

DocCode

采用 prettifyjs 进行美化，需要自行引入 prettify.js(google-code-prettify)

google/code-prettify

或者直接引入 assets 下提供的 prettify.js

import { DocCode } from 'ray-code';

<DocCode>
{`
  <button>xxx</button>
`}
</DocCode>

PrismCode

采用 prismjs 进行代码美化，默认已经导入具体的模块包

配置信息，使用时，需自行引入 themes

import PrismCode from 'ray-code/lib/PrismCode';
import 'prismjs/themes/prism.css';

<PrismCode lang="js">
{`
  <button>xxx</button>
`}
</PrismCode>

props:

static propTypes = {
  async: PropTypes.bool,
  className: PropTypes.string,
  lang: PropTypes.string,
  children: PropTypes.any,
  tag: PropTypes.oneOf(['code', 'pre'])
};

static defaultProps = {
  tag: `code`,
  lang: 'js'
};

keywords

• ray code

api