https://github.com/tschoffelen/gatsby-remark-fountain
Plugin to render Fountain screenwriting syntax in `gatsby-transformer-remark`.
https://github.com/tschoffelen/gatsby-remark-fountain
fountain gatsby gatsby-transformer-remark
Last synced: 2 months ago
JSON representation
Plugin to render Fountain screenwriting syntax in `gatsby-transformer-remark`.
- Host: GitHub
- URL: https://github.com/tschoffelen/gatsby-remark-fountain
- Owner: tschoffelen
- Created: 2021-05-02T14:00:41.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2021-10-23T14:14:01.000Z (over 3 years ago)
- Last Synced: 2025-01-18T02:43:53.435Z (4 months ago)
- Topics: fountain, gatsby, gatsby-transformer-remark
- Language: JavaScript
- Homepage:
- Size: 10.7 KB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Gatsby Remark Fountain extension
Adds [Fountain](https://fountain.io) code support to Gatsby's Remark integration.
## Example
When installed, this will turn:
```markdown
This is a bit of dialogue from the movie:
```fountain
INT. NCIS OFFICE - DAY
GIBBS
Records of the cab company?
ZIVA
Working on it.
```
```
Into this:
```html
This is a bit of dialogue from the movie:
INT. NCIS OFFICE - DAY
GIBBS
Records of the cab company?
ZIVA
Working on it.
```
## Installation
```shell
yarn add gatsby-remark-fountain
```
Then, add it to the configuration of the `gatsby-transformer-remark`
plugin in your `gatsby-config.js` file:
```js
{
resolve: "gatsby-transformer-remark",
options: {
plugins: [
"gatsby-remark-fountain"
]
}
}
```
If you also use `gatsby-remark-prismjs` or a similar syntax highlighter, make sure to include it after the `gatsby-remark-fountain` plugin. Order matters!