问如何使用ASP.NET MVC3和Stack Overflow的Markdown

EN

Stackoverflow向全世界开放了他们的Markdown版本。它被称为MarkdownSharp，并且是用C#编写的。

有人在这里写了一个HtmlHelper：http://blog.dantup.com/2011/03/an-asp-net-mvc-htmlhelper-extension-method-for-markdown-using-markdownsharp

如果您正在寻找如何实现javascript编辑器，那么有一个现有的问题：Integrate Markitup text editor to ASP.NET MVC project

您可能正在寻找MarkdownSharp

开源C#实现的Markdown处理器，如堆栈溢出所示。

要将其集成到MVC应用程序中：

1. 在until或common控制器中，添加以下操作方法

公共ActionResult FormatMarkdown(string markdownText) { var md = new MarkdownSharp.Markdown()；string html = md.Transform(markdownText)；return Json(html，JsonRequestBehavior.AllowGet)；}客户端视图中的

• ：

@Html.TextArea("mdText"，new { rows = 12，cols = 60 })

• 和客户端JS：

$(function () { var mdText = $("#mdText")；var mdFormatted = $("#mdFormatted")；function setFormatted(data) { mdFormatted.html(data)；}；mdText.toObservable("keypress") .Throttle(200) .Subscribe(.Subscribe () {mdText.toObservable{ markdownText: mdText.val() }，setFormatted)；})

• 下载RxJ(来自MSDN)，并包含以下两个js文件

我知道这个问题有点老了，但是我偶然发现了另一个解决方案markdowndeep，它对MVC非常友好。

可通过nuget PM> Install-Package MarkdownDeep.Full进行安装

Markdown in C#

// Create an instance of Markdown
var md = new MarkdownDeep.Markdown();
// Set options
md.ExtraMode = true;
md.SafeMode = false;
string output = md.Transform(input);

Editor

1.将提供的js、css、png和htm文件复制到您的服务器。根据您在服务器上放置这些文件的位置，您可能需要更新css文件中的图像urls。

2.更新页面以引用jQuery、MarkdownDeep库和MarkdownDeep css文件(同样，您可能需要更改路径)。

<link rel="stylesheet" href="mdd_styles.css" 
<script type="text/javascript" src="jQuery-1.4.2.min.js">
<script type="text/javascript" src="MarkdownDeepLib.min.js">

注意: MarkdownDeepLib.min.js是MarkdownDeep.js、MarkdownDeepEditor.js和MarkdownDeepEditorUI.js的打包、精简版本。为了进行调试，您可以参考这三个文件。

3.将Markdown编辑器插入到页面中，如下所示：

<div class="mdd_toolbar"></div>
<textarea cols=50 rows=10 class="mdd_editor"></textarea>
<div class="mdd_resizer"></div>
<div class="mdd_preview"></div>

注意:关联的div都是可选的，如果缺少，插件将创建它们。然而..。如果这样做，您可能会在加载过程中遇到页面跳转。ie:建议显式地包含它们。

4.调用MarkdownDeep jQuery插件将文本区域转换为MarkdownEditor

$("textarea.mdd_editor").MarkdownDeep({ 
    help_location: "/Content/mdd_help.html",
    disableTabHandling:true
 });

虽然我真的很喜欢他们的产品，但我并不隶属于markdowndeep的制造商。我只是觉得他们做的产品很好