Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including tui-jsdoc-template with all npm packages installed. Try it out:

var tuiJsdocTemplate = require("tui-jsdoc-template")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

tui-jsdoc-template v1.2.2

Toast UI JSDoc Template

TUI JSDoc Template

Toast UI JSDoc template



npm i -D tui-jsdoc-template


TUI JSDoc template has the following features:

  • Navigation:
    • AutoComplete Searchbox
    • Collapsible
    • Members / Methods / Events
    • API / Examples (Tutorials) switcher
    • Resizable
  • Examples: HTML/JS source tab in example pages



(jsdoc page - configuration)


"opts": {
    "template": "node_modules/tui-jsdoc-template"


"templates": {
    "logo": {
        "url": "",
        "width": "150px",
        "height": "13px",
        "link": ""

Page title

"templates": {
    "name": "Tui JSDoc Template"

Footer text

"templates": {
    "footerText": "My awesome footer text"

Use collapsible api list

Default: true

"templates": {
    "useCollapsibles": ture

Tab Names

"templates": {
    "tabNames": {
        "api": "API",
        "tutorials": "Examples"

api defaults to the value API and tutorials defaults to the value Examples.

Custom Styles

With a folder structure like this:

└── styles
    └── custom.css
    └── another.css

And a config like this:

"templates": {
    "default": {
        "staticFiles": {
            "include": ["static/"]
    "css": [

styles/custom.css, styles/another.css, and remote.css get included in the layout. default.staticFiles is the build-in jsdoc way of copying extra files.

Expose the html/js code to exmaple page

If script or div elements have code-js or code-html class, expose their innerHTML.

  1. innerHTML of script.code-js tag
  2. innerHTML of div.code-html tag
<!DOCTYPE html>
<html lang="en">
    <meta charset="UTF-8">
    <div class="code-html">
        <h3> Base Example </h3>
        <p> Hello world </p>

    <script class="code-js">
        console.log('hello world');


  1. Use npm run serve or gulp serve command to ascertain realtime.
  2. Api-Example tab, Auto-Complete and Resize functions are written in the static/scripts/tui-doc.js file.


RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free