about-configuring-default-template.html

<!DOCTYPE html>
<!-- THIS IS A GENERATED FILE. DO NOT EDIT. -->
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="description" content="How to configure the output from JSDoc&#39;s default template.">
  <title>Use JSDoc: Configuring JSDoc&#39;s default template</title>
  <link rel="stylesheet" href="styles/usejsdoc.css">
  <link rel="stylesheet" href="styles/prettify.css">
  <link rel="stylesheet" href="styles/css3-github-ribbon.css">
  <script src="scripts/prettify.js"></script>
  <!--[if lt IE 9]>
            <script src="scripts/html5shiv.min.js"></script>
            <script src="scripts/html5shiv-printshiv.min.js"></script>
        <![endif]-->
</head>

<body>
  <header>
    <a href="./index.html">@use JSDoc</a>
  </header>
  <article>
    <h1>Configuring JSDoc&#39;s default template</h1>
    <h2>Table of Contents</h2>
    <ul>
      <li>
        <a href="#generating-pretty-printed-source-files">Generating pretty-printed source files</a>
      </li>
      <li>
        <a href="#copying-static-files-to-the-output-directory">Copying static files to the output directory</a>
      </li>
      <li>
        <a href="#showing-the-current-date-in-the-page-footer">Showing the current date in the page footer</a>
      </li>
      <li>
        <a href="#showing-longnames-in-the-navigation-column">Showing longnames in the navigation column</a>
      </li>
      <li>
        <a href="#overriding-the-default-template-s-layout-file">Overriding the default template&#39;s layout file</a>
      </li>
      <li>
        <a href="#related-links">Related Links</a>
      </li>
    </ul>
    <p>JSDoc&#39;s default template provides several options that you can use to customize the appearance and content of generated documentation.</p>
    <p>To use these options, you must <a href="about-configuring-jsdoc.html">create a configuration file</a> for JSDoc and set the appropriate options in the configuration
      file.</p>
    <h2 id="generating-pretty-printed-source-files">Generating pretty-printed source files</h2>
    <p>By default, JSDoc&#39;s default template generates pretty-printed versions of your source files. It also links to these pretty-printed files in the documentation.</p>
    <p>To disable pretty-printed files, set the option <code>templates.default.outputSourceFiles</code> to <code>false</code>. Using this option also removes links
      to your source files from the documentation. This option is available in JSDoc 3.3.0 and later.</p>
    <h2 id="copying-static-files-to-the-output-directory">Copying static files to the output directory</h2>
    <p>JSDoc&#39;s default template automatically copies a few static files, such as CSS stylesheets, to the output directory. In JSDoc 3.3.0 and later, you can tell
      the default template to copy additional static files to the output directory. For example, you might want to copy a directory of images to the output directory
      so you can display these images in your documentation.</p>
    <p>To copy additional static files to the output directory, use the following options:</p>
    <ul>
      <li><code>templates.default.staticFiles.include</code>: An array of paths whose contents should be copied to the output directory. Subdirectories will be copied
        as well.</li>
      <li><code>templates.default.staticFiles.exclude</code>: An array of paths that should <em>not</em> be copied to the output directory.</li>
      <li><code>templates.default.staticFiles.includePattern</code>: A regular expression indicating which files to copy. If this property is not defined, all files
        will be copied.</li>
      <li><code>templates.default.staticFiles.excludePattern</code>: A regular expression indicating which files to skip. If this property is not defined, nothing will
        be skipped.</li>
    </ul>
    <figure>
      <figcaption>Copying a directory of images to the output directory</figcaption>
      <p>To copy all of the static files in <code>./myproject/static</code> to the output directory:</p>
      <pre class="prettyprint lang-json"><code>{
  "templates": {
    "default": {
      "staticFiles": {
        "include": [
            "./myproject/static"
        ]
      }
    }
  }
}
</code></pre>
      <p>If your static files directory contains the file <code>./myproject/static/img/screen.png</code>, you can display the image in your docs by using the HTML tag
        <code>&lt;img src=&quot;img/screen.png&quot;&gt;</code>.</p>
    </figure>
    <h2 id="showing-the-current-date-in-the-page-footer">Showing the current date in the page footer</h2>
    <p>By default, JSDoc&#39;s default template always shows the current date in the footer of the generated documentation. In JSDoc 3.3.0 and later, you can omit the
      current date by setting the option
      <code>templates.default.includeDate</code> to <code>false</code>.</p>
    <h2 id="showing-longnames-in-the-navigation-column">Showing longnames in the navigation column</h2>
    <p>By default, JSDoc&#39;s default template shows a shortened version of each symbol&#39;s name in the navigation column. For example, the symbol <code>my.namespace.MyClass</code>      would be displayed simply as
      <code>MyClass</code>. To show the complete longname instead, set the option
      <code>templates.default.useLongnameInNav</code> to <code>true</code>. This option is available in JSDoc 3.4.0 and later.</p>
    <h2 id="overriding-the-default-template-s-layout-file">Overriding the default template&#39;s layout file</h2>
    <p>The default template uses a file named <code>layout.tmpl</code> to specify the header and footer for each page in the generated documentation. In particular,
      this file defines which CSS and JavaScript files are loaded for each page. In JSDoc 3.3.0 and later, you can specify your own <code>layout.tmpl</code> file
      to use, which allows you to load your own custom CSS and JavaScript files in addition to, or instead of, the standard files.</p>
    <p>To use this feature, set the option <code>templates.default.layoutFile</code> to the path to your customized layout file. Relative paths are resolved against
      the current working directory; the path to the configuration file; and the JSDoc directory, in that order.</p>
    <h2 id="related-links">Related Links</h2>
    <p>
      <a href="about-configuring-jsdoc.html">Configuring JSDoc with a configuration file</a>
    </p>
  </article>
  <footer>
    <a class="license-badge" href="http://creativecommons.org/licenses/by-sa/3.0/">
      <img alt="Creative Commons License" class="license-badge" src="images/cc-by-sa.svg" width="80" height="15" /></a>
    <br> Copyright &#169; 2011-2017 the
    <a href="https://github.com/jsdoc3/jsdoc3.github.com/contributors">contributors</a> to the JSDoc 3 documentation project.
    <br> This website is <a href="https://github.com/jsdoc3/jsdoc3.github.com">open source</a> and is licensed under the <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">
        Creative Commons Attribution-ShareAlike 3.0 Unported License</a>.
  </footer>
  <script type="text/javascript">
    prettyPrint();
  </script>
</body>

</html>