web-dev-qa-db-fra.com

Voir les fichiers de démarquage hors ligne

Existe-t-il un moyen d’afficher les fichiers .md hors ligne afin que nous sachions à quoi ils ressembleront une fois qu’ils seront téléchargés dans Github? Je fais référence à l'affichage du fichier README.md tel qu'il apparaît dans Github, et non à des fins d'édition.

Doit fonctionner sur Mac et Windows puisque j'utilise les deux.

553
enchance

J'ai trouvé un moyen de le voir en PHP. Après avoir fouillé un peu plus, j'ai trouvé deux solutions pour la visualisation hors ligne et en ligne de fichiers .md:

Je recommande la version hors ligne afin que vous puissiez effectuer vos montages même lorsque vous travaillez sur le trône. :)

26
enchance

Il existe quelques plug-ins Chrome qui fonctionnent bien. J'utilise Markdown Preview Plus .

Après l’installation, activez "Autoriser l’accès aux URL de fichiers" dans Extensions (menu> Autres outils> Extensions ou entrez l’URL chrome://extensions/ à la place).

enter image description here

Ensuite, faites glisser un fichier Markdown sur Chrome et utilisez votre éditeur favori pour le modifier.

395
Jim Bergman

J'ai écrit Grip il y a quelque temps pour faire exactement cela. Il rend exactement comme sur GitHub et fournit plusieurs options supplémentaires:

  • En plus des fichiers README, Grip peut afficher les commentaires et les problèmes de GitHub.
  • Cliquez sur les liens locaux pour afficher d'autres fichiers .md.
  • Une API à utiliser dans vos propres projets
  • Exporter vers un fichier HTML

Installer avec pip:

pip install grip

Ensuite, allez dans le répertoire qui contient votre fichier README et exécutez:

grip

Passez -h pour obtenir de l'aide et des options supplémentaires.

Voici une capture d'écran du fichier README de Grip:

Screenshot of Grip rendering Grip

J'espère que cela t'aides. Check it out here .

231
Joe

Atom par Github. Vous donne un aperçu côte à côte.

enter image description here

https://stackoverflow.com/a/26956920/375022

99
Maxim

En retard à la fête, mais jetez un oeil à MarkdownPad .

61
David Brabant

Code Visual Studio - le nouvel éditeur de Microsoft fournit également une très bonne prise en charge de l’édition avec démarquage.
Vous pouvez le télécharger depuis ici .
L’éditeur fournit un bon support pour basculer entre le code de démarquage et le mode de prévisualisation .
Il fournit également un support raisonnablement bon intellisense pour toute la syntaxe de démarquage.
L'éditeur est libre d'utilisation et est également multiplate-forme (fonctionne sous Linux, Windows et Mac).
Pour plus de détails, vous pouvez consulter leur site web

enter image description here

48
sundeep

Voir Python-Markdown-Editor

C'est basé sur :

  • Python-Markdown
  • Pygments (mise en évidence de la syntaxe du bloc de code)
  • CodeMirror (éditeur de code javascript)
  • Bouteille

Installer avec pip:

$ pip install markdown-editor 

Il comporte l'aperçu quand vous tapez, la surbrillance de code, les blocs de code isolés, le style github

il peut être utilisé par ligne de commande:

$ markdown_edit 

$ markdown_edit README.md

$ markdown_edit -f readme.html README.md

enter image description here

J'ai créé cela pour construire un outil permettant d'envoyer des critiques de code, il est facilement extensible. En l'important sous forme de module, vous pouvez ajouter des actions personnalisées.

33
Nicolas Cornette

Je viens d'installer https://github.com/ypocat/gfms . Il fait un très bon travail en rendant le démarquage github. Il détecte les changements dans votre démarque, vous n'avez donc qu'à mettre votre navigateur et votre éditeur côte à côte. Il s’agit de Node.js, il devrait donc fonctionner correctement sur n’importe quelle plate-forme.

Si vous avez installé Node.js, l'installation est simple:

  1. Sudo npm install -g gfms
  2. gfms --port 9999 (dans votre répertoire de projet)
  3. http://localhost:9999/ (ouvert avec n'importe quel navigateur)
29
pduey

avez-vous essayé ReText ? C'est un éditeur de bureau de Nice Desktop Markdown

19
Nuno Costa

Certaines personnes n'utilisent pas Google Chrome. Il existe un module complémentaire Firefox appelé Markdown Viewer , capable de lire les fichiers Markdown hors ligne.

19
air-dex

pandoc est un outil de conversion Nice Text-To-Text qui résout le problème de la visualisation hors ligne de votre Markdown. Juste émettre:

pandoc -f markdown -t html README.md > README.html
15
tonicebrian

J'ai trouvé extension de MarkView Google Chrome très utile, en fait ça marche comme un charme:

MarkView est une extension Chrome destinée à l'édition et à la visualisation d'un fichier de démarquage avec une vue d'ensemble, prend en charge plusieurs styles de format de tableau, met en surbrillance la syntaxe du bloc de code et Github Flavored Markdown.

Fonctionnalités:

  1. Modification et affichage du fichier de démarquage dans le style de page Web.
  2. Rechargement automatique du fichier local lorsque le fichier est modifié ( Post-installation: sélectionnez l'option "Autoriser l'accès aux URL de fichier" dans chrome: // extensions/)
  3. Afficher le contour à côté du contenu de manière à faire défiler
  4. Avoir des boutons pour GoTop, ViewSource et GoBottom
  5. Soutenez les styles de table Github Flavored Markdown et la surbrillance de code.
  6. Mettez en surbrillance la zone de code pour les langages de programmation (par exemple. `` `Ruby)
  7. Supporte l'impression de pages Web avec Outlook décent (Chrome-> Fichier-> Imprimer ...)
  8. Responsive: lorsque la taille de la fenêtre est inférieure à 940 pixels, la section de contour est automatiquement masquée; redimensionner plus grand que 940px, la section du contour s’affiche.
  9. MarkView visualisera tous les fichiers de démarques, à l'exception de ceux de raw.github.com, car ce sous-domaine n'affiche que la source.

Plus de fonctionnalités ont été ajoutées à MarkView:

  1. Éditeur de marquage WYSIWYG
  2. Thèmes et sélection du style de code
  3. Notes de support1 
  4. Présentation instantanée des diapositives
  5. Style de document personnalisé

    • Ajouter un thème CSS et sélectionner
    • Ajouter un style de code et sélectionner
    • Ecrire CSS, enregistrer et exécuter
14
mariomaric

J'aime le séparateur vertical dans Downmarker , vous pouvez voir les changements au fur et à mesure que vous écrivez!

13
Nathan Dunn

Vous pouvez utiliser textes en tant que visualiseur et éditeur de md, il est léger et élégant. enter image description here

11
PHPst

Geany a un plugin pour markdown qui fait un travail juste, vous donnant également un aperçu de Markdown dans la barre latérale. Il fonctionne également sous Linux, Mac OS X et Windows.

Pour l'utiliser, installez geany, puis installez le paquet geany-plugin-markdown et sélectionnez-le dans le gestionnaire de plug-ins.

9
Akronix

Si vous êtes une personne vim, vous pouvez essayer le plugin vim-preview . Installez-le simplement dans votre répertoire ~/.vim avec la méthode de votre choix. Vous pouvez ensuite ouvrir un fichier Markdown avec vim et utiliser la commande :Preview qui ouvrira une nouvelle fenêtre de votre navigateur et affichera le résultat final.

8
Peter Diakumis

Il y a aussi StackEdit . Il fonctionnera à la fois en ligne et hors ligne (il utilise le stockage local de votre navigateur).

Vous pouvez également le connecter avec Dropbox ou Google Drive pour voir les fichiers hébergés sur le cloud.

8
N Alex

Je viens de coder une visionneuse de démarquage hors ligne à l'aide de l'observateur de fichiers node.js et de socket.io, de sorte que vous dirigez votre navigateur vers localhost, exécutez ./markdownviewer /path/to/README.md et le transfère au navigateur à l'aide de websockets.

8
William Budington

Considérez Strapdown .

Strapdown est une solution basée sur Javascript qui restitue le contenu de démarquage dans le navigateur, ce qui le rend idéal pour une visualisation hors ligne. De leur propre description:

Strapdown.js facilite énormément la création de documents Markdown élégants. Aucune compilation côté serveur requise.

Donc, renommez votre fichier de démarcation .md en .html et entourez-le avec:

<xmp theme="united" style="display:none;">
# Markdown content here
…
</xmp>
<script src="http://strapdownjs.com/v/0.2/strapdown.js"></script>

et l'ouverture dans n'importe quel navigateur affichera le code HTML rendu. Bonus supplémentaire: vous pouvez facilement changer de thème.

6
ckhan

Pour MAC, j'utilise Marqué , pour Windows, j'utilise Muto-Mark . Les deux supportent la feuille de style GH.

5
pseudomuto

Pour OS X, Mo est très gentil et vient avec deux thèmes CSS GitHub.

4
TachyonVortex

Départ Haroopad . Ceci est un très bel éditeur #markdown. Il est gratuit et disponible pour plusieurs plates-formes. Je l'ai essayé sur Mac OSX.

4
qmmr

L'une des ressources les plus simples qui fonctionne bien sur MacOSX est le plugin Markdown Quick Look disponible sur InkMark . Après l’avoir installé sur OS X 10.9+, il vous suffit de sélectionner un fichier de démarquage dans le Finder et de taper sur la barre d’espace. Je ne sais pas si les résultats sont corrélés à 100% avec Github, mais ils sont plutôt bons et constituent une solution discrète pour le visualiseur hors connexion, discrète et discrète. Mashable a également écrit un article sur 78 outils différents si vous souhaitez d’autres options.

Makrdown-QuickLook-Preview

3
Tommie C.

Vous pouvez utiliser une extension appelée Markdown Syntax Highlighting pour Notepad ++. Il est disponible sur Github

enter image description here

Après l’installation, une nouvelle option apparaît dans la liste déroulante Langue. After installation, new option in the Language dropdown will be appeared

3
Sarvar Nishonboev

Une solution simple pour la plupart des situations: copiez/collez le démarquage dans un visualiseur dans le "nuage". Voici deux choix:

  1. Dillinger.io
  2. Dingus

Rien à installer! Cross plate-forme! Navigateur croisé! Toujours disponible!

Inconvénients: problèmes de fichiers volumineux, problèmes de sécurité des applications cloud standard.

3
aap

RStudio peut gérer les fichiers de démarques et les convertir en HTML et PDF. Si vous en avez déjà un, vous pouvez utiliser RStudio (il s'agit d'un IDE pour le langage de programmation R). C'est gratuit et open source, et fonctionne sur Windows, Mac et Linux.

2
Genom

A partir de maintenant, j'utilise http://marxi.co/ . Marxi.co a une version en ligne et hors ligne.

2
feeeper

Remarquable, certainement un excellent outil.

Fonctionnalités:

  • Aperçu en direct
  • C'est gratuit .
  • Extrêmement léger
  • Exporter en HTML, PDF

Téléchargement: https://remarkableapp.github.io/

1
Iqbal

Je veux souvent des applications portables. Pour cela, j'ai trouvé

http://cloose.github.io/CuteMarkEd/ (Je viens de l'essayer brièvement et il semble bien fonctionner).

http://markdownpad.com/faq.html#portable

1
sancho.s

Le populaire plugin Web Essentials pour Visual Studio offre une visionneuse et un éditeur Markdown. Il prend également en charge la syntaxe du langage Github pour l'ajout d'extraits de code.

http://vswebessentials.com/features/markdown

1
Kyle Ballard

Vous pouvez utiliser Scribefire Suivant.

C'est un plugin de navigateur Mozilla Firefox . Il suffit d'installer l'extension et de lancer Firefox. Personnalisez votre barre d’outils et placez-y le raccourci Scribefire. Et puisqu'il s'agit d'un plugin de navigateur, vous pouvez l'utiliser sous Mac, Linux et Windows.

Lorsque vous souhaitez écrire en mode Markdown, cliquez simplement sur Edit Code dans la fenêtre Scribefire.

Maintenant, pour atteindre votre objectif, passez en mode Edit Code et copiez tous les textes, collez-le dans votre fichier .md et envoyez-le.

Il n'y a pas de fonction de prévisualisation en direct pour cela, vous devez basculer Edit Code et Edit Visually pour prévisualiser votre texte.

Je l'utilise dans ma machine Linux Mint:

enter image description here

enter image description here

Mettre à jour:

Nous sommes en 2014, il faut ajouter un autre outil génial ici pour les autres lecteurs et chercheurs. Récemment utilisé crochets + extension de prévisualisation Markdown .

1
GaryP

Cette visionneuse php est fournie avec un support réactif et de nombreuses options à personnaliser.

0
wajatimur

Vous pouvez utiliser le plugin Firefox Markdown Viewer qui est si facile à installer et à utiliser.

0
Milad

Pour votre information, le Calibre ebook Viewer effectue un travail d’analyse et de visualisation des fichiers de balisage.

Une fois le calibre installé, il ne reste plus que ebook-viewer myfile.md.

0
Russ