Skip to content

Commit

Permalink
Fix list format
Browse files Browse the repository at this point in the history
  • Loading branch information
haroldtreen committed Dec 29, 2015
1 parent 0820554 commit f87385d
Showing 1 changed file with 23 additions and 20 deletions.
43 changes: 23 additions & 20 deletions README.md
Expand Up @@ -4,40 +4,43 @@ Using the source code in a container as the background for the container.
## Usage

1. Install the npm package
```bash
npm install show-code --save
```

```bash
npm install show-code --save
```

2. Include the show-code js/css in your HTML
```html
<head>

```html
<head>
<!-- Head contents -->
<link rel="stylesheet" type="text/css" href="node-modules/show-code/stylesheet.css">
</head>
<body>
</head>
<body>
<!-- Body contents -->
<script type="text/javascript" src="node-modules/show-code/index.js"></script>
</body>
```
</body>
```

3. The add `show-code` ID to a container
```html
<div id='show-code'>
<span>All your content!</span>
</div>
```

```html
<div id='show-code'>
<span>All your content!</span>
</div>
```

4. **Bonus:** Add external libraries like [Prism](http://prismjs.com/index.html) for syntax highlighting.
```html
<head>
```html
<head>
<!-- Head contents -->
<link rel="stylesheet" type="text/css" href="./prism.css">
</head>
<body>
</head>
<body>
<!-- Body contents -->
<script type="text/javascript" src="./prism.js"></script>
</body>
```
</body>
```

## Example:
```
Expand Down

0 comments on commit f87385d

Please sign in to comment.