这个WMD示例缺少什么?

时间:2010-09-23 22:32:50

标签: javascript markdown wmd wmd-editor

对我说,伙计们。我不知道我在做什么。

我根据我的研究克隆了OpenLibrary/WMD分叉的Git存储库,导致我this question

我在浏览器中打开了wmd-test.html文件,认为这将是WMD编辑器的完整工作示例。但我所看到的只有两个textareas,当我输入它时似乎没有做任何事情(我期待一个实时预览)。我在Firefox 3.6.8,Chrome 6和IE 9(测试版)中试过这个页面。

是否有人愿意引导这位贫穷,无能的开发者朝着正确的方向前进?我错过了什么?

我在这里完整地包含了html文件,因为它不长。

<!DOCTYPE html>

<html>
    <head>
        <title>Test WMD Page</title>

        <link rel="stylesheet" type="text/css" href="wmd.css" />

        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
        <script type="text/javascript" src="jquery.wmd.min.js"></script>
    </head>

    <body>
        <div style="width: 500px;">
            <textarea id="xwmd-input" rows="5" style="width: 100%"></textarea>
        </div>

        <div style="width: 500px;">
            <textarea id="ywmd-input" rows="5" style="width: 100%"></textarea>
        </div>

        <script type="text/javascript">
        $().ready(function() {
            $("textarea").wmd({
                "preview": true,
                "helpLink": "http://daringfireball.net/projects/markdown/",
                "helpHoverTitle": "Markdown Help",
            });
        });
        </script>
    </body>
</html>

1 个答案:

答案 0 :(得分:0)

尝试在“Markdown帮助”后删除额外的逗号:

    <script type="text/javascript"> 
    $().ready(function() { 
        $("textarea").wmd({ 
            "preview": true, 
            "helpLink": "http://daringfireball.net/projects/markdown/", 
            "helpHoverTitle": "Markdown Help", 
        }); 
    }); 

应该是:

            "helpHoverTitle": "Markdown Help"