Как включить редактор WMD на мой сайт?

StackOverflow https://stackoverflow.com/questions/5312467

  •  24-10-2019
  •  | 
  •  

Вопрос

Я знаю, что это может показаться простым вопросом, но со всеми версиями WMD мне нужно знать, как включить редактор WMD на мой веб-сайт, и есть ли элемент управления сервером для включения на сторону сервера или есть только классы WMD для Управлять и дезинфицировать входной контент?

Это было полезно?

Решение

Недавно я написал статью в своем блоге с простым обсуждением о том, как получить редактор Derobins WMD (такая же, как и редактор SO WMD) на вашем веб -сайте: http://codesprout.blogspot.com/2011/03/wysiwyg-dobins-wmd-markdown-editor-in.html В своем блоге я предоставляю ссылки для загрузки последнего редактора WMD, инструкций и тестовой страницы, предоставленной загрузкой WMD.

Монтаж
А Инструкция по установке были довольно хороши, поэтому установка прошла без зацепления!

Применение
Я нашел это полезным для грязи с Тестовая страница WMD Немного, просто чтобы почувствовать редактор (что должно быть очень знакомо людям, которые уже знакомы со Stackoverflow).

Реализация
Предположим, что вы уже добавили/объединили лист стиля WMD в лист стиля вашего веб -сайта, теперь вам просто нужно добавить соответствующие ссылки на свою главную страницу, создать частичное представление с редактором WMD и, наконец, отобразить частичное представление на страница по вашему выбору.

Шаг 1: Следуйте инструкциям по установке для WMD. Установка в Прочти меня файл WMD скачать.

Шаг 2: Создайте частичный представление для редактора (я позвонил Mine 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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top