Outils pour Steemit: Editeur Markdown

Petit post pour ceux qui ont de la peine avec le Markdown.

<blockquote> <p dir="auto">Markdown??? Quesaco? <p dir="auto"><a href="https://fr.wikipedia.org/wiki/Markdown" target="_blank" rel="nofollow noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Markdown est une manière simplifiée de saisir du texte qu'un traitement transforme automatiquement en <a href="https://fr.wikipedia.org/wiki/Hypertext_Markup_Language" target="_blank" rel="nofollow noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">HTML. <p dir="auto">Pour la plupart des textes, les opérations simples permettent de faire une mise en forme des textes.<br /> En ajoutant des <code># devant un texte, on fait des titres par exemple. <blockquote> <p dir="auto">Exemple:<br /> <code>## Titre principal <p dir="auto">devient: <h2>Titre principal <blockquote> <p dir="auto">Exemple:<br /> <code>### Titre secondaire <p dir="auto">devient: <h3>Titre secondaire <p dir="auto">Ou encore: <blockquote> <p dir="auto"><code>--- <p dir="auto">devient: (une ligne) <hr /> <p dir="auto">De fait, pas besoin d'apprendre l'HTML pour faire des choses présentables.<br /> Toutefois, pour quelques cas, il faut avoir des notions. Par exemple, pour faire apparaître les dièses (hashtag), j'ai dû les mettre entre deux balises HTML nommées "code". Comme ceci: <blockquote> <p dir="auto"><code><code>#</code> <p dir="auto">Bref, je ne vais pas faire un cours complet sur le sujet. Mon but était de vous montrer qu'il existe des outils qui vont vous faciliter cette saisie et dans certains cas de garder de coté des textes, avec leurs mises en forme, pour les exploiter plus tard. <p dir="auto">Voici donc les quelques éditeurs Markdown online. <h2><a href="https://steemwriter.learnthis.ca/" target="_blank" rel="nofollow noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Steem Writer <p dir="auto"><img src="https://images.hive.blog/768x0/https://res.cloudinary.com/hpiynhbhq/image/upload/v1519668273/ft2kbki2o8sx2krzcszu.png" alt="image.png" srcset="https://images.hive.blog/768x0/https://res.cloudinary.com/hpiynhbhq/image/upload/v1519668273/ft2kbki2o8sx2krzcszu.png 1x, https://images.hive.blog/1536x0/https://res.cloudinary.com/hpiynhbhq/image/upload/v1519668273/ft2kbki2o8sx2krzcszu.png 2x" /><br /> Il permet évidemment la rédaction de texte, mais fourni également des liens vers divers sites liés à Steem. Vous pouvez également y stocker quelques brouillons et préserver des portions de textes que vous pouvez réutiliser.<br /> Bon outil pour démarrer. En anglais seulement. <h2><a href="http://www.steemstyle.com/" target="_blank" rel="nofollow noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">SteemStyle <p dir="auto"><img src="https://images.hive.blog/768x0/https://res.cloudinary.com/hpiynhbhq/image/upload/v1519668585/yojw41vzkdfmx0gfazib.png" alt="image.png" srcset="https://images.hive.blog/768x0/https://res.cloudinary.com/hpiynhbhq/image/upload/v1519668585/yojw41vzkdfmx0gfazib.png 1x, https://images.hive.blog/1536x0/https://res.cloudinary.com/hpiynhbhq/image/upload/v1519668585/yojw41vzkdfmx0gfazib.png 2x" /><br /> Offre moins d'option que Steem Writer, mais possède une barre d'outils. Permet également le centrage des textes et images. Permet de modifier vos liens http en https pour les images (pas toujours acceptées par Steemit). <h2><a href="https://mark-steem-down.herokuapp.com/" target="_blank" rel="nofollow noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Mark Steem Down <p dir="auto"><img src="https://images.hive.blog/768x0/https://res.cloudinary.com/hpiynhbhq/image/upload/v1519668816/jtkq9yibgrwq9daiz4zt.png" alt="image.png" srcset="https://images.hive.blog/768x0/https://res.cloudinary.com/hpiynhbhq/image/upload/v1519668816/jtkq9yibgrwq9daiz4zt.png 1x, https://images.hive.blog/1536x0/https://res.cloudinary.com/hpiynhbhq/image/upload/v1519668816/jtkq9yibgrwq9daiz4zt.png 2x" /><br /> Comme le précédent, une barre d'outils simplifie l'usage. Sur la droite, on peut même préserver des textes pour les reprendre ultérieurement. Attention, c'est local. C'est à dire que si vous voulez continuer une rédaction depuis une autre ordinateur, vous ne retrouverez pas vos textes. <h2><a href="https://stackedit.io/app" target="_blank" rel="nofollow noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Stack Edit <p dir="auto"><img src="https://images.hive.blog/768x0/https://res.cloudinary.com/hpiynhbhq/image/upload/v1519669015/qyz85h27g2alsscvstgo.png" alt="image.png" srcset="https://images.hive.blog/768x0/https://res.cloudinary.com/hpiynhbhq/image/upload/v1519669015/qyz85h27g2alsscvstgo.png 1x, https://images.hive.blog/1536x0/https://res.cloudinary.com/hpiynhbhq/image/upload/v1519669015/qyz85h27g2alsscvstgo.png 2x" /><br /> Selon moi, le plus complet.<br /> Il a sa barre d'outils. Un affichage en temps réel. Mais surtout une gestion de fichiers. Vous pouvez gérer vos dossiers en vos documents en MD (extension de fichier de Markdown) comme vous le feriez avec vos traitements de textes. Mais un de ces avantages et de pouvoir synchroniser avec des sites comme Google Drive ou Github. Supporte également l'UML et le Katex (pas sûr que Steem les accepte). <p dir="auto">Bref, vous avez le choix et il en existe plusieurs autres que je n'ai pas testé. De plus, des éditeurs de textes avancés (VSCode, etc...) peuvent également faire du Markdown. Il ne vous reste plus qu'à faire du copier-coller dans Steemit (Busy, etc...) <hr /> <h3><em>Hatuvera <p dir="auto"><em>Fan de Steem, de cryptomonnaie et des toutes sortes de choses développant ma culture. <p dir="auto"><a href="https://steemit.com/@hatuvera" target="_blank" rel="nofollow noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Steemit - <a href="https://busy.org/@hatuvera" target="_blank" rel="nofollow noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Busy - <a href="https://www.facebook.com/hatu.vera" target="_blank" rel="nofollow noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Facebook - <a href="https://twitter.com/hatuvera" target="_blank" rel="nofollow noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Twitter - <a href="https://www.reddit.com/user/Hatuvera/" target="_blank" rel="nofollow noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Reddit - <a href="https://medium.com/@hatuvera" target="_blank" rel="nofollow noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">Medium <p dir="auto"><img src="https://images.hive.blog/768x0/https://res.cloudinary.com/hpiynhbhq/image/upload/v1519670084/dcoafohhbrleahfxnfsw.png" alt="image.png" srcset="https://images.hive.blog/768x0/https://res.cloudinary.com/hpiynhbhq/image/upload/v1519670084/dcoafohhbrleahfxnfsw.png 1x, https://images.hive.blog/1536x0/https://res.cloudinary.com/hpiynhbhq/image/upload/v1519670084/dcoafohhbrleahfxnfsw.png 2x" />