如何在我的网站中包含 WMD 编辑器？答案

【问题标题】：How to include WMD Editor in my website?如何在我的网站中包含 WMD 编辑器？
【发布时间】：2011-03-15 13:32:04
【问题描述】：

我知道这似乎是一个简单的问题，但是对于所有 WMD 版本，我需要知道如何在我的网站中包含 WMD 编辑器，是否有服务器控件可以包含在服务器端或只有用于管理和清理输入内容的 WMD 类？

【问题讨论】：

你可以看看following blog post和this one。

【解决方案1】：

我最近在我的博客中写了一篇文章，简单讨论了如何在您的网站上获取 derobins wmd 编辑器（与 SO wmd 编辑器相同）：http://codesprout.blogspot.com/2011/03/wysiwyg-derobins-wmd-markdown-editor-in.html 在我的博客中，我提供了下载最新版本的链接WMD 编辑器、说明和随 WMD 下载提供的测试页面。

安装
installation instructions 非常好，所以安装很顺利！

用法
我发现使用the wmd test page 有点用处，只是为了感受一下编辑器（对于已经熟悉 StackOverflow 的人来说应该非常熟悉）。

实施
假设您已经将 wmd 样式表添加/合并到您网站的样式表中，现在您只需要在母版页中添加正确的引用，使用 wmd 编辑器创建一个局部视图，最后在一个您选择的页面。

第 1 步：按照 wmd 的安装说明进行操作。安装在wmd download的readme文件中。

第 2 步：为编辑器创建一个局部视图（我称为 MarkdownControl）。

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<dynamic>" %>

<div id="wmd-editor" class="wmd-panel">
 <div id="wmd-button-bar"></div>
 <textarea id="wmd-input"></textarea>
</div>
<div id="wmd-preview" class="wmd-panel"></div>

第 3 步：在您选择的页面中显示控件：

<% Html.RenderPartial("MarkdownControl"); %>

您就拥有了：部分视图中的所见即所得编辑器，您可以在网站的任何位置显示它！你可以在这里看到我的实现：www.mydevarmy.com/Competition/Propose

【讨论】：