如何在我的网站中包含WMD编辑器?

时间:2011-03-15 13:32:04

标签: asp.net-mvc wmd-editor

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

1 个答案:

答案 0 :(得分:3)

我最近在我的博客中写了一篇文章,简单讨论了如何在你的网站上获得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的安装说明进行操作。 安装位于readmewmd download文件中。

步骤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"); %>

你有它:部分视图中的WYSIWYG编辑器,你可以在你的网站上的任何地方显示!您可以在此处查看我的实施内容:www.mydevarmy.com/Competition/Propose