asp.net-mvc-3 - ASP.NET MVC 3 Razor中的WMD编辑器

Question

我正在尝试将derobins wmd编辑器与ASP.NET MVC 3 Project一起使用。我设法添加了控件，

<script src="@Url.Content("~/WMD/showdown.js")" type="text/javascript"></script>
<link href="@Url.Content("~/WMD/wmd.css")" rel="stylesheet" type="text/css" />
......
        <div id="wmd-editor" class="wmd-panel">
            <div id="wmd-button-bar"></div>
            @Html.TextArea("Contents", string.Empty, new
            {
               @class = "wmd-input"
            })
            <div id="wmd-preview" class="wmd-panel"></div>
        </div>
.......
<script src="@Url.Content("~/WMD/wmd.js")" type="text/javascript"></script>

但是WDM编辑器显示不正确(没有工具栏，也没有预览)。

请帮助我解决此问题？

Answer 1

根据文档，元素的标识很重要:

输入文本区域

This is where you'll enter markdown.  id is "wmd-input".

但是用你的代码:

 @Html.TextArea("Contents", string.Empty, new
            {
               @class = "wmd-input"
            })

您要设置的文本类不是id。尝试以下方法:

 @Html.TextArea("Contents", string.Empty, new
            {
               id = "wmd-input"
            })