HyperMD

Hyper

Brise le mur entre l'écriture et l'aperçu , dans un éditeur de Markdown.

Démo en ligne | Exemples | Documentation

中文介绍

Start

 // npm install --save hypermd codemirror
var HyperMD = require ( 'hypermd' )
var myTextarea = document . getElementById ( 'input-area' )
var editor = HyperMD . fromTextArea ( myTextarea )

Aussi pour requirejs, colis, webpack, browser env. Lire le doc

Pourquoi utiliser HyperMD?

HyperMD est un ensemble de modules complémentaires / modes / thèmes / commandes / keymap, etc.

Vous pouvez utiliser à la fois Codemirror d'origine et HyperMD sur la même page.

? Écrire et prévisualiser à la volée

• Blocs et éléments de marque régulière
  • Fort , accent , Strikethrough , Code
  • Liens, images
  • Titre / Quote / Code Bloc / Liste / Règle horizontale
• Extension de marque
  • Table simple
  • Note de bas de page ¹
  • Liste de TODO (la case est cliquable)
  • Yaml Front Matter
  • $ Latex $ Mode d'affichage en ligne, en ligne ou en bloc ²
  • Emoji :: :joy: =>? (Prise en charge également les emoji personnalisés)
• Et plus
  • HTML dans Markdown - Wysiwig MDX est possible
  • #hashtag support ³ , voir démo
  • Organigramme et diagrammes (sirène ou organigramme.js)

? Meilleure expérience de marque

• Télécharger des images et des fichiers via le presse-papiers ou glisser
• Alt + cliquez pour ouvrir le lien / sauter à la note de bas de page ¹
• Planer pour lire les notes de bas de page
• Copier et coller , traduire HTML dans Markdown ⁴
• Bondations de clés faciles et prêtes à l'emploi (alias. Keymap)

? Avantages Codemirror

• Présentation de la syntaxe pour les blocs de code, prend en charge plus de 120 langues ⁵ . Le mode peut être chargé à la demande.
• Bondations de clés configurables
• Differ et fusionner
• Thèmes ⁶
• Presque tous les addons Codemirror!

? Extensible et personnalisable

• Utilisez PowerPacks pour intégrer les LIB et services tiers à la volée
  • Mathjax, marqué, Katex et plus encore.
  • Lire la liste
• Les fonctions HyperMD sont très modulisées

? Keymap sur mesure "Hypermd":

• Tableau
  • Entrez créer une table avec | column | line |
  • Entrez insérer une nouvelle ligne ou terminer une table (si la dernière ligne est vide)
  • Tab ou décalage pour naviguer entre les cellules
• Liste
  • Onglet ou tablier à décalage vers un élément de liste actuel de retrait / non-inducteur
• Formatage d'un mot à proximité (ou de texte sélectionné)
  • Ctrl + bd gras
  • Ctrl + je souligne
  • Ctrl + d strikethrough

Merci spécial

? Service et ressource

ICOMOON - L'ICONPACK (version gratuite) La page de démonstration utilise les icônes IComoon. Les fichiers associés sont stockés dans Demo / SvGicon.	Codecogs - une bibliothèque scientifique open source Foldmath utilise le service de codecogs comme le Tex Mathrenderer par défaut. (Vous pouvez charger PowerPack pour utiliser un autre rendu, par exemple Katex ou Mathjax)
SM.MS - Un service d'hébergement d'image gratuit Demo Page et PowerPack / INSERT-FILE-with-smms Utilisez une API SM.MS ouverte pour télécharger des images insérées par l'utilisateur. (Si vous souhaitez intégrer le service SM.MS, utilisez le PowerPack)	Emojione - Icônes d'emoji ouvertes Page de démonstration et powerpack / pli-emoji-with-emojione utilisent des icônes emoji fournies gratuitement par emojione (licence gratuite) (Vous pouvez utiliser d'autres alternatives, par exemple Twemoji de Twitter)
CodeMirror - Éditeur de code in-naval. Requirejs - un chargeur de module JavaScript AMD. Katex - La bibliothèque de composition de mathématiques la plus rapide pour le Web. Bénévrage , le tournant et des LIB plus remarquables.

? Sponsors

Sponsors (triés par date)

☕Phithon ☕c * i ☕ * yuan ☕ * xiuzhang ☕ * Junjie ? 圆伞科技☕ * di

Contributif

Hypermd est un projet d'ouverture personnel de Laobubu. Les contributions sont les bienvenues. Vous pouvez:

• Fork sur github, créez vos thèmes et compléments incroyables.
• Achetez-moi un café
• Répartissez Hypermd dans le monde!

---

Notes de bas de page

1. Ctrl + Click fonctionne également, mais sautera à la note de bas de page s'il existe. ↩ ↩ ²

2. Math Block Utilisez $$ pour envelopper votre expression Tex. ↩

3. Désactivé par défaut, voir Doc; # Utilisez deux symboles de hachage # Si le nom de balise contient des espaces. ↩

4. Utilisez Ctrl+Shift+V pour coller du texte brut. ↩

5. Langues autant que les supports Codemirror. ↩

6. Si le thème n'est pas conçu pour HyperMD, certaines fonctionnalités pourraient ne pas être présentes. ↩