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 use f.lux, blue light cut software

Abstract Hello everyone. In this time I will explain how to use f.lux. f.flux can reduce the amount of blue light as much as possible. f.lux can adjust the blue light cut rate with the seek bar. Please try using it. Condition You use Mac or Windows I will explain it in Mac PC. Download f.lux Go to the blew site. http://justgetflux.com/ Click the center “Download f.lux” button. Once you have downloaded the zip file, let’s double-click it and extract it. Since The executable file is expanded in the download folder, move it to the Application folder. It’s over. Use …

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 …

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.

Connect to host mysql from docker container of “docker for Mac”

Abstract Hello everyone it’s me candle. In this post I will show you how to connect to the host mysql from the docker container of mac. For example, you may connect to mysql when running rails, wordpress etc on docker. You may prepare docker of mysql, but it can’t hold data, it is troublesome such as startup time. Then I think that it is very useful if docker can access to the host mysql. Precondition You use docker for mac

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 …


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.