Comment inclure ADM Editor mon site?

Question

Je sais que cela peut sembler une question simple, mais avec toutes les versions d'ADM là-bas, je dois savoir comment inclure ADM Editor dans mon site, et est-il un contrôle serveur à inclure dans le serveur côté ou il n'y a que cours d'ADM pour gérer et le contenu d'entrée sanitize?

Answer 1

J'ai écrit récemment un article dans mon blog avec une simple discussion sur la façon d'obtenir derobins WMD éditeur (même que l'éditeur SO WMD) dans votre site web: http://codesprout.blogspot.com/2011/03/wysiwyg-derobins-wmd-markdown-editor-in .html Dans mon blog, je fournir les liens pour télécharger le dernier éditeur ADM, les instructions et une page de test fourni avec le téléchargement des ADM.

Installation Les instructions d'installation étaient tout à fait bon, si l'installation a sans accroc!

Utilisation Je l'ai trouvé utile de muck avec la page de test wmd un peu , juste pour avoir une idée de l'éditeur (qui devrait être assez familier pour les gens qui connaissent déjà StackOverflow).

Mise en œuvre Supposons que vous avez déjà ajouté / fusionné la feuille de style wmd à la feuille de style de votre site web, maintenant vous avez juste besoin d'ajouter les références appropriées dans votre page maître, créez une vue partielle avec l'éditeur de WMD, et enfin afficher la vue partielle sur une page de votre choix.

Etape 1: Suivez les instructions d'installation pour WMD. L'installation se trouvent dans le fichier readme du WMD télécharger

.

Étape 2:. Créer une vue partielle de l'éditeur (j'ai appelé le mien 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>

Étape 3: Afficher le contrôle dans une page de votre choix:

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

Et là vous l'avez: un éditeur WYSIWYG dans une vue partielle que vous pouvez afficher partout sur votre site Web! Vous pouvez voir ma mise en œuvre en action ici: www.mydevarmy.com/Competition/Propose