「marked.js」の使用方法

###前提・実現したいこと
マークダウンファイルをIEブラウザを使用してローカルで参照したく考えております。
「marked.js」を使用することで可能と聞き，読み込みと簡単なテストを行う中で下記のエラーが発生しました。エラー原因と解決方法がわからないためご教示いただきたくよろしくお願いいたします。

###発生している問題・エラーメッセージ

Uncaught ReferenceError: marked is not defined

###該当のソースコード

html
1<!doctype html>
2<html>
3<head>
4  <meta charset="utf-8"/>
5  <title>Marked in the browser</title>
6  <script src="lib/marked.js"></script>
7</head>
8<body>
9Marked Test
10<div id="content"></div>
11<script>
12  document.getElementById('content').innerHTML =
13    marked('# テスト');
14</script>
15</body>
16</html>

marked.js
1

###補足情報(画面コピー)
「marked.js」のファイルは，こちらに掲載されているものを使用しております。

入力結果，エラーメッセージなどの状況は次の添付画像の通りとなります。

行動規範の内容に同意します

回答1件

ベストアンサー

エラーがこちらでは再現できませんでした。以下のコードを実行した場合も同じエラーが発生しますか？

HTML
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4    <meta charset="utf-8"/>
5    <title>タイトル</title>
6</head>
7<body>
8<div id="content">
9
10</div>
11<script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.6/marked.js"></script>
12<script>
13    document.getElementById("content").innerHTML = marked("# テスト");
14</script>
15</body>
16</html>

投稿2017/01/21 14:42

s8_chu

総合スコア14731

iida_

2017/01/22 07:24

s8_chu 様回答いただきありがとうございます。試したところエラーが発生せずに正常に実行できました。また，エラーの原因がわかりました。 Webページからソースコードを保存する方法が悪かったようです。 GitHubの「lib」の階層を表示して，対象の「marked.js」を右クリックして名前を付けて保存していましたが，こちらが良くなかったようです。クリップボードにコピーしてテキストエディタを使用し貼り付け・保存することでファイルを作成することでうまくいきました。ひと手間に，ファイルへとダウンロードすることは可能なのでしょうか。 GitHubの使い方のような質問になってしまい，当初の質問内容から逸れてしまいましたが，ご教示いただけないでしょうか。