Wie füge ich den WMD -Editor in meine Website ein?

Question

Ich weiß Eingabeinhalte verwalten und desinfizieren?

Answer 1

Ich habe kürzlich einen Artikel in meinem Blog mit einer einfachen Diskussion darüber geschrieben, wie der Derobins WMD -Editor (gleiche wie der SO WMD -Editor) auf Ihrer Website einbezieht: http://codesprout.blogspot.com/2011/03/wysiwyg-derobins-wmd-markdown-editor-in.html In meinem Blog stelle ich die Links zum Herunterladen des neuesten WMD -Editors, die Anweisungen und eine Testseite, die mit dem WMD -Download bereitgestellt wird.

Installation
Das Installationsanleitung waren ziemlich gut, also verlief die Installation reibungslos!

Verwendungszweck
Ich fand es nützlich, mit zu muken Die WMD -Testseite Ein wenig, nur um ein Gefühl für den Herausgeber zu bekommen (was Menschen, die bereits mit Stackoverflow vertraut sind, ziemlich vertraut sein sollte).

Implementierung
Nehmen wir an, Sie haben das WMD -Stilblatt bereits in das Stilblatt Ihrer Website hinzugefügt/zusammengefasst. Jetzt müssen Sie nur die richtigen Referenzen auf Ihrer Masterseite hinzufügen, eine teilweise Ansicht mit dem WMD -Editor erstellen und schließlich die Teilansicht auf einem Ansicht anzeigen Seite Ihrer Wahl.

Schritt 1: Befolgen Sie die Installationsanweisungen für WMD. Die Installation befindet sich in der Liesmich Datei der WMD Download.

Schritt 2: Erstellen Sie eine teilweise Ansicht für den Editor (ich habe Mine MarkdownControl angerufen).

<%@ 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>

Schritt 3: Zeigen Sie die Steuerung auf einer Seite Ihrer Wahl an:

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

Und da haben Sie es: Ein Wysiwyg -Editor in einer Teilansicht, die Sie überall auf Ihrer Website anzeigen können! Hier können Sie meine Implementierung in Aktion sehen: www.mydevarmy.com/competition/propose