Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/docpad-archive/docpad-plugin-jade

Adds support for the Jade templating engine to DocPad.
https://github.com/docpad-archive/docpad-plugin-jade

docpad-plugin jade unsupported

Last synced: 3 months ago
JSON representation

Adds support for the Jade templating engine to DocPad.

Awesome Lists containing this project

README

        

# [Jade](http://jade-lang.com/) Plugin for [DocPad](http://docpad.org)

Travis CI Build Status
NPM version
NPM downloads
Dependency Status
Dev Dependency Status


Slack community badge
Patreon donate button
Gratipay donate button
Flattr donate button
PayPal donate button
Bitcoin donate button
Wishlist browse button

Adds support for the [Jade](http://jade-lang.com/) templating engine to [DocPad](https://docpad.org)

Convention: `.anything.jade`

## Install

```
docpad install jade
```

## Deprecated

Jade was renamed to [Pug](http://pugjs.org/), as such the Jade plugin is deprecated. Use [docpad-plugin-pug](https://github.com/docpad/docpad-plugin-pug) instead.

## Awareness

Before you get started with Jade, it is important to be aware of one thing. The majority of support questions that come through with DocPad, aren't actually DocPad issues, but Jade issues. People confusing the syntax, Jade doing it's own templating magic, things like that.

The DocPad team recommends you try one of the many other [amazing templating engines](http://docpad.org/docs/plugins#renderers) that are available, over trying to use Jade.

If you still insist on using Jade, please be aware, Jade will be a slippery slope, but luckily there are determined Jade users here to help :)

## Usage

### Template Helpers as Filters

Use just like any jade template. However, we do add any docpad template helpers you may have as jade filters. There are two ways you can use these filters:

``` jade
-# first way, calls the template helper like: myTemplateHelper("content", {opt1="blah",opt2="blah",opt3=true})
:myTemplateHelper(opt1=blah,opt2=blah,opt3)
content

-# second way, calls the template helper like: myTemplateHelper(arg1, arg2)
:myTemplateHelper(args)
arg1
arg2
```

NOTE: Not all template helpers support being called this way. If it doesn't work, we'd recommend using the text plugin to render eco which includes your template helper call. See following section.

### Jade :filters

Since [1.10.0](http://jade-lang.com/history/) Jade supports jstransformers, which allows improved handling of embedded languages such as Coffee-Script, and deprecated Transformers support in filters - to be removed in 2.0.0.

All [JSTransformers](https://www.npmjs.com/browse/keyword/jstransformer) can now be used as jade filters.

### Rendering with the Text Plugin
You can use the [text plugin](http://docpad.org/plugin/text) to render different parts of your template with different markups that are support by your docpad setup. Once installed, you can do things like:

``` jade
:t(render="markdown")
here is some *markdown*

:t(render="html.md.eco")
here is some <%-'eco'.toUpperCase()%> to *markdown* to html

:t(render="html.eco")
my url is <%[email protected]%>
```

History

Discover the release history by heading on over to the HISTORY.md file.

Contribute

Discover how you can contribute by heading on over to the CONTRIBUTING.md file.

Backers

Maintainers

These amazing people are maintaining this project:

Sponsors

No sponsors yet! Will you be the first?

Patreon donate button
Gratipay donate button
Flattr donate button
PayPal donate button
Bitcoin donate button
Wishlist browse button

Contributors

These amazing people have contributed code to this project:

Discover how you can contribute by heading on over to the CONTRIBUTING.md file.

License

Unless stated otherwise all works are:

and licensed under: