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 *

関連記事

How to invert photoshop brush

English 日本語 Abstract Hello everyone. It’s candle. In this time, I’ll show you how to invert brush effect. Precondition Nothing

How to send pdf from Mac to iphone or ipod using iBooks

English 日本語 Abstract Hello everyone, It’s me candle. In this time, I will show you how to send a pdf file from Mac to iphone or ipod. Sometimes I want to read the pdf document in the train, so I wrote the article about it. Before you send a pdf file to the iphone, you add the pdf to iBooks app. Then you will send the pdf with itunes. Precondition Mac PC iphone or ipod or ipad pdf file

Using vc to manage git on emacs25

Abstract Hello everyone it’s me candle. In this article we would like to use vc(version controll) which is included by deault in emacs. It seems that vc supports to both subversion and git, not git-specific functions. If you want to use git with emacs in earnest, I recommend magit. On the other hand, since vc is installed in by default, it is good for user who want to use it easily. Precondition You use emacs You have a basic git skill. vc-git configuration of emacs Although vc supports to git, ‘git add’ and ‘git reset HEAD’ do not exist. I …

Write haml with Atom

English 日本語 Abstract Hello everybody, it’s candle. In this time we will write haml with Atom. I’m coding with emacs for all time. but sotimes I use atom. When I open a haml file, there is no coloring and syntax, I try to add plugin. Premise You have Atom editor.

Build flycheck + eslint environment supporting to react + es6 in Emacs.

Abstract Hello everyone it’s me candle. In this time let’s build emacs + eslint. There are many other syntax check packages such as jsHint, jsxHint, etc which check the coding rule of javascript. According to web info, these packages seem to be unable to adapt well with the latest javascript writing format such as React and es6. Nowadays eslint became to be mainstream. It has become used not only in emacs but also everywhere. I’m also emacs user, try it! I’m not a node JS and Elisp professional, it may contains useless writing or wrong writing. Please go easy on …


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.