🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more

react-syntax-highlight

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install
r

react-syntax-highlight

React component for syntax highlighting

15.3.1
latest
71

Supply Chain Security

100

Vulnerability

88

Quality

76

Maintenance

100

License

AI-detected possible typosquat

Supply chain risk

There is a package with a similar name that is downloaded much more often.

Did you mean

react-syntax-highlighter

Unpopular package

Quality

This package is not very popular.

Found 1 instance in 1 package

Dependencies have 3 high alerts.

Socket optimized override available and High CVE

Version published
Weekly downloads
275
-17.17%
Maintainers
1
Weekly downloads
 
Created
Issues
1

react-highlight

React component for syntax highlighting

Change Log

Please see CHANGELOG.

Installation

$ npm install --save react react-dom          # peer dependencies
$ npm install --save react-syntax-highlight

Compatibility: React 15.3.0+

This package is compatible with React 15.3.0 and higher. (https://github.com/facebook/prop-types#compatibility)

npm install --save react@^15.3.0 react-dom@^15.3.0

Usage

Highlight Theme

include a highlight.js theme in your HTML file

<link rel='stylesheet' href='https://highlightjs.org/static/demo/styles/default.css'/>
<link rel='stylesheet' href='https://highlightjs.org/static/demo/styles/xxxx.css'/>

or if you're using webpack, you can require themes like is:

require('highlight.js/styles/default.css');
require('highlight.js/styles/xxxx.css');

see all the highlight theme here

React Part

const Highlight = require('react-syntax-highlight');

<Highlight lang={language} value={content} />

Example

License

MIT

FAQs

Package last updated on 10 Jul 2017

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts