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 *

関連記事

Develop React in emacs in rjsx-mode

English 日本語 Abstract Hello everyone this is candle. In this time I would like to introduce rjsx-mode of major-mode for react development of emacs. The development of “react” has been tried and errored between emacs users, such as using web-mode or js2-jsx-mode of js2-mode. Also I had been used js2-jsx-mode before rjsx-mode. Since rjsx-mode is an extension of js2-mode, users of js2-mode can use it without discomfort. rjsx-mode has auto complete function of jsx. it’s fantastic. Precondition You use emacs You use melpa or el-get

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

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.

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

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.


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.