Come includere WMD Editor nel mio sito?

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

  •  24-10-2019
  •  | 
  •  

Domanda

So che questo potrebbe sembrare una domanda semplice, ma con tutte le versioni WMD là fuori, ho bisogno di sapere come includere WMD Editor nel mio sito, e c'è un controllo server da includere nel lato server o c'è solo classi WMD di gestire e contenuto inserito sanitize?

È stato utile?

Soluzione

Recentemente ho scritto un articolo nel mio blog con una semplice discussione su come ottenere derobins WMD editore (stesso come l'editor SO WMD) nel tuo sito web: http://codesprout.blogspot.com/2011/03/wysiwyg-derobins-wmd-markdown-editor-in .html Nel mio blog ho fornire i link per scaricare l'ultima editor di WMD, le istruzioni e una pagina di prova fornita con il download WMD.

Installazione
Il istruzioni di installazione erano abbastanza buoni, quindi l'installazione è andato liscio!

Utilizzo
Ho trovato utile muck con la pagina di prova WMD un po ' , solo per ottenere un tatto per l'editor (che dovrebbe essere abbastanza familiare a persone che hanno già familiarità con StackOverflow).

Implementazione
Supponiamo che hai già aggiunto / fuse il foglio di stile WMD al foglio di stile del tuo sito web, ora non vi resta che aggiungere i riferimenti corretti nella tua pagina master, creare una vista parziale con l'editor WMD, e, infine, visualizzare la vista parziale su una pagina di vostra scelta.

Passaggio 1: Seguire le istruzioni di installazione per WMD. L'installazione sono nella readme del file del WMD scaricare

.

Passaggio 2:. Creare una vista parziale per l'editor (ho chiamato il mio 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>

Fase 3: visualizzare il controllo in una pagina di vostra scelta: 

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

E il gioco è fatto: un editor WYSIWYG in una vista parziale che è possibile visualizzare qualsiasi parte del sito web! È possibile vedere la mia applicazione in azione qui: www.mydevarmy.com/Competition/Propose

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top