joppot

The program absolutely runs in copy paste

Software

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

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

Pocket

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

SPONSORED LINK


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

-Software
-,

執筆者:


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

In emacs on iTerm2, resolve you can’t enter symbol key binding such as C-; C-: C-> C-< C-. C-,

Abstract Hello eveyone it’s me candle. This time I will show you how to solve the problem that you can’t use symbol keybind on your iTerm2 emacs. Basically, emacs on iTerm2 can’t use key binding of control + symbol. The detail thing is written in this article. (japanese) http://memo.sugyan.com/entry/20120224/1330051378 Acouding to the article Apparently it seems that the range of ASCII that ctrl key can control is decided. This post referred to the below linked article. I tried how to setup symbol key binding a few years ago and I was frustrated. But I solved it by that. it was …

Atom imports React component using import-js 2.2.0

Abstract Hello everybody it’s me candle. In this time we will import the component path into the file using import-js and Atom automatically. React recommends to write one component in one file, when development becomes to be big, the number of component increase. If you use 10 components with one Container, you need to write 10 import statements. import-js helps us from such troublesome work. Precondition Already exist React web environment I recommend you use the react project created by create-react-app command which I wrote the before article. Atom was installed in your computer.

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 …

How to add extension to Ungoogled chromium

English 日本語 Abstract Hello everybody, It’s candle. I don’t use Google Chrome so much because I am firefox user, but sometimes I need to use Chrome for extensions. Google Chrome is slow, and there are some personal information protection is loose. Detail is here. https://github.com/Eloston/ungoogled-chromium So, I use ungoogled chromium. The problem of ungoogle chromium is that is not easy to install extensions. In this article, I’ll show you how to install plugins. This article is according to the under link. https://github.com/Eloston/ungoogled-chromium/blob/master/FAQ.md Premise Ungoogled chromium has been installed

Profile


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.

スポンサードリンク

Archives