joppot

コピペで絶対動く。説明を妥協しない

ソフトウェア

How to prevent preview from scrolling back to top in Atom’s Markdown

投稿日:2017年3月16日 更新日:


topthumb

Abstract

Hello everyone, it’s candle.

Atom has a markdown preview function from the beginning.
When markdown’s sentence becomes long, every time you edit it, the preview back to the top.
And, you have to scroll every time to check.

It is so tough, we will put a plug-in that will automatically adjust the preview.

Premise

Atom has been installed


Install markdown-scroll-sync

markdown-scroll-sync is a plug-in that adjusts the preview position you are currently editing.

Choose “Atom” → ” Preferences” from the top menu bar.

pref

Select the “install” tab, type “markdown-scroll-sync” in the search field and press Enter.

searchmarkdown-scroll-sync

Press “Install” button of “markdown-scroll-sync” displayed at the top.

installmarkdown-scroll-sync

It is installed.


We use it in markdown preview.

Open a markdown file such as hello.md.
Let’s write the below text.

# Automatically scroll markdown

To write markdown with Atom is absolutely wonderful.
Because there are amazing functions.



- Beautiful markdown syntax color.
- Markdown autocomplete.
  - For example, a format to write program code that you would like to type "code" should be expanded
- There is a markdown preview function from the beginning

I do not know such a wonderful editor.

## Display the preview

We sometimes forget shortcut to display the preview.

So, I wrote it here.

In the Mac.

```
Ctrl + Shift + m
```


## Problem

If there is a problem, the preview backs to the top when you type a letter.
However,  if you use "markdown-scroll-sync" that you have installed in this time, it will automatically adjusts the preview you're currently editing.

## conclustion
Atom is the best Markdown editor.

This is the image I wrote markdown.


Conclusion

Atom is the best Markdown editor.

スポンサードリンク

If you think this article is good, share it please

-ソフトウェア
-,

執筆者:


comment

Your email address will not be published. Required fields are marked *

関連記事

Limit the number of text characters in wordpress article index by plugin

English 日本語 Abstract Hello everybody, It’s candle. Nowadays, when I used free themes for wordpress at the company, I noticed that. Many free theme use the_content function which expands all the contents of individual articles in the article list, and it is very irritating. However, editing a free theme is troublesome. We use the “Advanced Excerpt” plugin to limit the number of characters displayed in the article list and make it easy to see. We use the free theme “twentyeleven” as a sample. Before After Premise There is a wordpress.

Construct an Atom of eslint corresponding to react + es6

Abstract Hello everyone it’s me candle. This time we will introduce Atom + eslint It is awesome easy to install it. Nowadays eslint became to be mainstream. It has become used not only in Atom but also everywhere. Precondition Node is installed Atom is Installed

Allocate lo0 IP address using Mac login hook automatically

Abstract Hello everyone it’s me candle. In this time we would like to use the login hook of Mac and automatically allocate the local ip address. You can use the default 127.0.0.1 lolcal IP address on your Mac. However when using it with docker, you need to prepare other local IP address separately. Precondition You use Mac.

Hide Google Chrome 70 “For quick access, place your bookmarks …” bar

Abstract Hello everyone it’s me candle. I usually use Safari. Sometimes using Google Chrome, I forget how to turn off the bookmark bar. First I will write two important things. Google Chrome 70 turn off the book mark bar by default. In the top page of Google Chrome 70, the bookmark bar is definitely displayed Condition You use Google Chrome Turn off it Open Google Chrome, choose “Settings” from the menu icon in the top right. If you turn off “Show bookmarks bar” in the second “Design” area from the top, bookmark bar disappears. It’s over Conclusion Simple is best.

Build PlantUML environment on Mac using brew

Abstract Hello everybody it’s me candle. In this article, I would like to build a plantUML environment which can make UML easily on Mac. I have been used starUML for making UML. plantUML seems to be much more useful than that. Precondition You already use brew. Check java version I think that java is already installed in your mac pc. PlantUML can be run with mac default java. So you launch terminal app and check the java version with the below command. java -version Probably it can be work in java version around 1.8.x . Install graphviz graphviz is a …


I work in the venture company as a CTO. I start to write program in University, first I learned java, C++ and PHP. In the company, I'm developing web services by Rails. I do like to automation.