¿Cómo incluir el editor de WMD en mi sitio web?

Question

Sé que esto puede parecer una pregunta simple, pero con todas las versiones de WMD, necesito saber cómo incluir el editor de WMD en mi sitio web, y hay un control de servidor para incluir en el lado del servidor o solo hay clases de WMD para ¿Administrar y desinfectar contenido de entrada?

Answer 1

Recientemente escribí un artículo en mi blog con una discusión simple sobre cómo obtener el editor de WMD de Derobins (el mismo que el editor SO WMD) en su sitio web: http://codesprout.blogspot.com/2011/03/wysiwyg-derobins-wmd-markdown-editor-in.html En mi blog, proporciono los enlaces para descargar el último editor de WMD, las instrucciones y una página de prueba proporcionada con la descarga de WMD.

Instalación
los Instrucciones de instalación ¡Fueron bastante buenas, así que la instalación fue sin problemas!

Uso
Me pareció útil llevar a cabo con la página de prueba de WMD Un poco, solo para tener una idea del editor (que debería ser bastante familiar para las personas que ya están familiarizadas con StackOverflow).

Implementación
Supongamos que ya ha agregado/fusionado la hoja de estilo WMD a la hoja de estilo de su sitio web, ahora solo necesita agregar las referencias adecuadas en su página maestra, crear una vista parcial con el editor de WMD y finalmente mostrar la vista parcial en un página de su elección.

Paso 1: Siga las instrucciones de instalación para WMD. La instalación está en el readme archivo del Descarga de WMD.

Paso 2: Cree una vista parcial para el editor (llamé a 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>

Paso 3: Muestre el control en una página de su elección:

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

Y ahí lo tiene: ¡un editor de Wysiwyg en una vista parcial que puede mostrar en cualquier lugar de su sitio web! Puede ver mi implementación en acción aquí: www.mydevarmy.com/competition/propose