Я недавно написал в своем блоге статью с простой дискуссией о том, как получить wmd-редактор derobins (такой же, как в wmd-редакторе SO) на вашем веб-сайте: http://codesprout.blogspot.com/2011/03/wysiwyg-derobins-wmd-markdown-editor-in.html В своем блоге я предоставляю ссылки длязагрузка последнего редактора WMD, инструкций и тестовой страницы, прилагаемой к загрузке WMD.
Установка
Инструкции по установке были довольно хорошими, поэтому установкабез всяких проблем!
Использование
Мне показалось полезным немного заглянуть с на тестовую страницу wmd , просто чтобы почувствовать себя редактором (который должен быть довольно знаком людям, которые уже знакомы со StackOverflow).
Реализация
Предположим, что вы уже добавили / слили таблицу стилей wmd в таблицу стилей вашего веб-сайта,теперь вам просто нужно добавить правильные ссылки на главной странице, создать частичное представление с помощью редактора wmd и, наконец, отобразить частичное представление на странице по вашему выбору.
Шаг1: Следуйте инструкциям по установке для wmd.Установка находится в readme файле wmd для загрузки .
Шаг 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