ASP.NET MVC 3 Razor 中的 WMD 编辑器答案

【问题标题】：WMD Editor in ASP.NET MVC 3 RazorASP.NET MVC 3 Razor 中的 WMD 编辑器
【发布时间】：2012-06-19 09:18:45
【问题描述】：

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

<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 编辑器未正确显示（没有工具栏，也没有预览）。

请帮我解决这个问题？

【问题讨论】：

标签： asp.net-mvc-3 razor wmd-editor

【解决方案1】：

根据文档，元素的 id 很重要：

输入文本区域

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"
            })

【讨论】：