这个 WMD 示例缺少啥?

Posted

技术标签:

【中文标题】这个 WMD 示例缺少啥?【英文标题】:What is this WMD example missing?这个 WMD 示例缺少什么? 【发布时间】:2011-04-16 12:40:42 【问题描述】:

伙计们,放轻松。我不知道我在做什么。

我根据我的研究克隆了 OpenLibrary/WMD 分支的 Git 存储库,该研究将我带到了 this question。

我在浏览器中打开了 wmd-test.html 文件,认为这将是 WMD 编辑器的完整工作示例。但是我看到的只是两个文本区域,当我输入它们时它们似乎没有做任何事情(我期待实时预览)。我在 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】:

尝试删除“Markdwon Help”后多余的逗号:

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

应该是:

            "helpHoverTitle": "Markdown Help"

【讨论】:

以上是关于这个 WMD 示例缺少啥?的主要内容,如果未能解决你的问题,请参考以下文章

我在 XMLHttpRequest 中缺少啥?

这是啥意思?:在这个示例代码中? [复制]

用于 GDI 打印的 MSDN 示例中缺少文件

存储库模式缺少啥?你如何在现实世界中使用它?

我没明白这个示例程序集有啥问题

在这个代码示例中我应该给一个变量啥修饰符?