A JSX lexer for Pygments
Project description
A JSX lexer for Pygments
Installation
$ pip install jsx-lexer
Usage with Sphinx
To use within Sphinx, simply specify jsx for your code-block:
.. code-block:: jsx const BlogTitle = ({ children }) => ( <h3>{children}</h3> ); // class component class BlogPost extends React.Component { renderTitle(title) { return <BlogTitle>{title}</BlogTitle> }; render() { return ( <div className="blog-body"> {this.renderTitle(this.props.title)} <p>{this.props.body}</p> </div> ); } }
Usage with mkdocs
First, you need to create the CSS for the highlighting:
$ pygmentize -S default -f html -a .codehilite > code/pygments.css
Then, add the following to your mkdocs.yml:
markdown_extensions:
- codehilite
extra_css: [pygments.css]
Now, you can use jsx in your code blocks:
```jsx const BlogTitle = ({ children }) => ( <h3>{children}</h3> ); // class component class BlogPost extends React.Component { renderTitle(title) { return <BlogTitle>{title}</BlogTitle> }; render() { return ( <div className="blog-body"> {this.renderTitle(this.props.title)} <p>{this.props.body}</p> </div> ); } } ```
Usage with Overleaf
First, add the minted package in your main file:
\usepackage{minted}
Then, download the lexer.py file from this project, and place it in your root folder in Overleaf.
Now, you can use {lexer.py:JsxLexer -x} in front of your minted code blocks:
\begin{minted}{lexer.py:JsxLexer -x}
const BlogTitle = ({ children }) => (
<h3>{children}</h3>
);
// class component
class BlogPost extends React.Component {
renderTitle(title) {
return <BlogTitle>{title}</BlogTitle>
};
render() {
return (
<div className="blog-body">
{this.renderTitle(this.props.title)}
<p>{this.props.body}</p>
</div>
);
}
}
\end{minted}
You can find an example of the lexer in use on Overleaf here: https://www.overleaf.com/read/xvsytqzkvdjb
Project details
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
jsx-lexer-2.0.1.tar.gz
(4.0 kB
view hashes)
Built Distribution
Close
Hashes for jsx_lexer-2.0.1-py2.py3-none-any.whl
Algorithm | Hash digest | |
---|---|---|
SHA256 | 508a08757764356aa36fd703596fdd59f789104f44b6568c7a14e27e62e57ad4 |
|
MD5 | 15a5aa237763db852bf9fd28fb08fded |
|
BLAKE2b-256 | 2f2d6369d2f3ce55cee200202e37435601e5e50d575c2f8ffb367129e584f3f5 |