[Since version 1.0][1], jade supports inline tags:

    #[tag(attribute=&#39;value&#39;) inner stuff]

In your case that would be:

    ul
      li #[a(href=&quot;#&quot;) click  #[span here #[strong !]]]

  [1]: https://github.com/visionmedia/jade/pull/1323

Ran into this today myself. Found a way to do this in jade using the pipe. 
Here is my example wrapping a strong tag inside a p element.

    p.some-class
        strong This Renders Strong							
        |This renders normal

I also struggled with this a while back; the only answer I found is to just use HTML.

    ul
      li: a(href=&#39;#&#39;) click&lt;span&gt;here&lt;/span&gt;&lt;strong&gt;!&lt;/strong&gt;

This question is just to clear some things up. Some things like this have been asked before, and this rounds them all up into one question - where should JavaScript go in the HTML document, or, more importantly, does it matter? So, one of the things I&#39;m asking is, does

    &lt;head&gt;
    &lt;script type=&quot;text/javascript&quot;&gt;
    alert(&quot;Hello world!&quot;);
    &lt;/script&gt;
    &lt;/head&gt;

at all differ (in terms of functionality) from

    &lt;body&gt;
    &lt;!-- Code goes here --&gt;
    &lt;script type=&quot;text/javascript&quot;&gt;
    alert(&quot;Hello world!&quot;);
    &lt;/script&gt;
    &lt;/body&gt;

More importantly, I want to focus on JS that modifies or uses elements from the DOM in any way. So I know that if you put something like `document.getElementById(&quot;test&quot;).innerHTML = &quot;Hello world!&quot;` before `&lt;element id=&quot;test&quot;&gt;&lt;/element&gt;` in your body, then it won&#39;t work since the body is loaded from top to bottom, making the JS load first, which will then proceed to try to manipulate an element that doesn&#39;t exist yet. So it should, just like the above, either go in the `&lt;head&gt;` or just before the `&lt;/body&gt;` tag. The question is, aside from organisation and sorting, does it matter which one of these is chosen, and if so, in what way?

Of course, there is also a third method - the jQuery way:

    $(document).ready(function(){ /*Code goes here*/ });

That way, it doesn&#39;t matter where in the body you place the code, since it will only be executed when everything has loaded. The question here is, is it worth importing a huge JS library *just* to use a method the need for which could be replaced with an accurate placing of your scripts? I&#39;d just like to clear things up a little here, if you would like to answer, go ahead! Summary: where should different kinds of scripts go - head or body, and/or does it matter? Is jQuery worth it just for the ready event?

JavaScript - head, body or jQuery?

I have a String `e.g: &quot;4.874915326E7&quot;`. What is the best way to convert it to a javascript number format? (int or float)? if I try parseInt(), the ***E*** at the end is ignored.

How to convert a String containing Scientific Notation to correct Javascript number format

I like to put all my inline elements in a single line. 

    &lt;ul&gt;
      &lt;li&gt;&lt;a&gt;click&lt;span&gt;here&lt;/span&gt;&lt;strong&gt;!&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;

Wondering if there&#39;s a better way to create inline elements in Jade than this:

    ul
      li 
        a(href=&quot;#&quot;) click 
          span here
          strong !

This get&#39;s a little closer but I&#39;m not sure how to add the span and strong tags without breaking the lines.

    ul
      li: a(href=&#39;#&#39;) click
        span ...

This obviously isn&#39;t a super big problem but it&#39;s a little annoying that I can&#39;t put inline elements inline. Thanks for the help

What is a concise way to create inline elements in Jade

I like to put all my inline elements in a single line.
<pre><code class="hljs language-css">&#x3C;ul>
 &#x3C;li>&#x3C;a>click&#x3C;span>here&#x3C;/span>&#x3C;strong>!&#x3C;/strong>&#x3C;/a>&#x3C;/li>
</code></pre>
Wondering if there's a better way to create inline elements in Jade than this:
<pre><code class="hljs language-less">ul
 li 
 a(href="#") click 
 span here
 strong !
</code></pre>
This get's a little closer but I'm not sure how to add the span and strong tags without breaking the lines.
<pre><code class="hljs language-less">ul
 li: a(href='#') click
 span ...
</code></pre>
This obviously isn't a super big problem but it's a little annoying that I can't put inline elements inline. Thanks for the help

How to find the version of an installed node.js/npm **package**?

This prints the version of npm itself:

    npm -v &lt;package-name&gt;

This prints a cryptic error:

    npm version &lt;package-name&gt;

This prints the package version *on the registry* (i.e. the latest version available):

    npm view &lt;package-name&gt; version

How do I get the **installed version**?

Find the version of an installed npm package

What is the node.js equivalent of `window[&quot;myvar&quot;] = value`?

What is the node.js equivalent of window[&quot;myvar&quot;] = value?

For example I want to use custom logger:

    logger = require(&#39;basic-logger&#39;),
    logger.setLevel(&#39;info&#39;)

    var customConfig = {
    showMillis: true,
    showTimestamp: true
    }

    var log = new logger(customConfig)

How to use this logger in other modules instead of console.log ?

How to use global variable in node.js?

I&#39;ve written a REST API on the express framework for node.js that works for requests from the js console in Chrome, and URL bar, etc. I&#39;m now trying to get it working for requests from another app, on a different domain (CORS).
 
The first request, made automatically by the javascript front end, is to /api/search?uri=&lt;value&gt;, and appears to be failing on the &quot;preflight&quot; OPTIONS request. 

In my express app, I am adding CORS headers, using:

    var allowCrossDomain = function(req, res, next) {
        res.header(&#39;Access-Control-Allow-Origin&#39;, &#39;*&#39;);
        res.header(&#39;Access-Control-Allow-Methods&#39;, &#39;GET,PUT,POST,DELETE,OPTIONS&#39;);
        res.header(&#39;Access-Control-Allow-Headers&#39;, &#39;Content-Type, Authorization, Content-Length, X-Requested-With&#39;);
          
        // intercept OPTIONS method
        if (&#39;OPTIONS&#39; == req.method) {
          res.send(200);
        }
        else {
          next();
        }
    };

and:

    app.configure(function () {
      app.use(express.bodyParser());
      app.use(express.methodOverride());
      app.use(app.router);
      app.use(allowCrossDomain);
      app.use(express.static(path.join(application_root, &quot;public&quot;)));
      app.use(express.errorHandler({ dumpExceptions: true, showStack: true }));
    });

From the Chrome console I get these headers:

Request URL:http://furious-night-5419.herokuapp.com/api/search?uri=http%3A%2F%2Flocalhost%3A5000%2Fcollections%2F1%2Fdocuments%2F1

Request Method:OPTIONS

Status Code:200 OK

Request Headers

    Accept:*/*
    Accept-Charset:ISO-8859-1,utf-8;q=0.7,*;q=0.3
    Accept-Encoding:gzip,deflate,sdch
    Accept-Language:en-US,en;q=0.8
    Access-Control-Request-Headers:origin, x-annotator-auth-token, accept
    Access-Control-Request-Method:GET
    Connection:keep-alive
    Host:furious-night-5419.herokuapp.com
    Origin:http://localhost:5000
    Referer:http://localhost:5000/collections/1/documents/1
    User-Agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_4) AppleWebKit/536.5 (KHTML, like Gecko) Chrome/19.0.1084.56 Safari/536.5

Query String Parameters

    uri:http://localhost:5000/collections/1/documents/1

Response Headers

    Allow:GET
    Connection:keep-alive
    Content-Length:3
    Content-Type:text/html; charset=utf-8
    X-Powered-By:Express

Does this look like a lack of proper headers being sent by the API application? 

Thanks.

Allow CORS REST request to a Express/Node.js application on Heroku

When I do &#39;open .profile&#39; in the terminal I have the following:

    export PATH=$PATH:/usr/local/git/bin 

Now I installed node.js for Mac and it says, 

    

&gt; Make sure that /usr/local/bin is in your $PATH.

How can I add `/usr/local/bin` to export `PATH=$PATH:/usr/local/git/bin`?


How to add /usr/local/bin in $PATH on Mac

I have some text stored in a variable which contains some HTML.  For example, the &amp;lt;b&gt;cat&amp;lt;/b&gt; in the hat. However, when I render it in Jade, it shows up with the tags instead of rendering the formatting. How can I fix this?

Rendering HTML in variable using Jade

How to I get rid of Jade while using Express with Node.JS? I want to just use plain html. In other articles I have seen that people recommended app.register() which is now deprecated in the latest version.

Using HTML in Express instead of Jade

I&#39;m working with Jade and Express and I would like to use a variable in my include statement. For example:

app.js

    app.get(&#39;/admin&#39;, function (req, res) {
      var Admin = require(&#39;./routes/admin/app&#39;).Admin;

      res.render(Admin.view, {
        title: &#39;Admin&#39;,
        page: &#39;admin&#39;
      });
    });

layout.jade

    - var templates = page + &#39;/templates/&#39;
    
    include templates

When I do this I get the error `EBADF, Bad file descriptor &#39;templates.jade&#39;`

I even tried

    include #{templates}

to no avail.


Use a variable in a Jade include

I am using a template as a base, and want it to be aware of some variables set in the page that is using it...

File: template.jade

    vars = vars || {some:&quot;variables&quot;}
    !!! 5
    head
        title vars.some

File: page.jade

    vars = {some:&quot;things&quot;} //- this does not get used from within template.jade
    extends template
    
I want the compiled page.jade to have a title &quot;things&quot;

how to pass variables between jade templates

Is there a way to do this inline in a jade template?

    if(typeof fromEdit != &#39;undefined&#39;)
       div#demo.collapse.in
    else
       div#demo.collapse

Would like to do this conditional check &quot;inline&quot; and the result would add the .in to the end of the div if fromEdit exists.  

Content Type	Original Author	Original Content on Stackoverflow
Question	jwerre	View Question on Stackoverflow
Solution 1 - node.js	pfirpfel	View Answer on Stackoverflow
Solution 2 - node.js	marcus hall	View Answer on Stackoverflow
Solution 3 - node.js	Michelle Tilley	View Answer on Stackoverflow

What is a concise way to create inline elements in Jade

node.js Problem Overview

node.js Solutions

Solution 1 - node.js

Solution 2 - node.js

Solution 3 - node.js

How to convert a String containing Scientific Notation to correct Javascript number format

JavaScript - head, body or jQuery?

Attributions