Skip to main content

A JSX lexer for Pygments

Project description

https://travis-ci.org/fcurella/jsx-lexer.svg?branch=master https://coveralls.io/repos/github/fcurella/jsx-lexer/badge.svg?branch=master

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>
    );
  }
}
```

Project details


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-0.0.5.tar.gz (2.7 kB view details)

Uploaded Source

Built Distribution

jsx_lexer-0.0.5-py3-none-any.whl (4.5 kB view details)

Uploaded Python 3

File details

Details for the file jsx-lexer-0.0.5.tar.gz.

File metadata

  • Download URL: jsx-lexer-0.0.5.tar.gz
  • Upload date:
  • Size: 2.7 kB
  • Tags: Source
  • Uploaded using Trusted Publishing? No

File hashes

Hashes for jsx-lexer-0.0.5.tar.gz
Algorithm Hash digest
SHA256 031620f0aaf5353e4fac86d8921c54b41ccdb1173678fd0eb230bcace665d33e
MD5 ddeac79c23a3113f1a9292b1c4ec690f
BLAKE2b-256 05f123a1dd2f66dde09a4dc2a67c9ef368093f0f7ae14da5020af1852385eff0

See more details on using hashes here.

File details

Details for the file jsx_lexer-0.0.5-py3-none-any.whl.

File metadata

File hashes

Hashes for jsx_lexer-0.0.5-py3-none-any.whl
Algorithm Hash digest
SHA256 c5c1c4e746fc09369d29bc4c96f79b61801ad4b1fdf975f183d8138b8d87d4e7
MD5 ba413a4378b938e130ccefdd1035c9e4
BLAKE2b-256 4917605991bec695d1e5575afe8ff064aa1bbd3c431dea2c424bf720f2f8bd10

See more details on using hashes here.

Supported by

AWS Cloud computing and Security Sponsor Datadog Monitoring Fastly CDN Google Download Analytics Pingdom Monitoring Sentry Error logging StatusPage Status page