Fork me on GitHub

Typography & paragraph styles (h1)

Est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin vel ante a orci tempus eleifend ut et magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Subtitle of the paragraph (h2)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in dui mauris. Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus. Mauris iaculis

Example of another tag (h3)

Nulla at nulla justo, eget luctus tortor. Nulla facilisi. Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere.

이것은 인라인 수학 표현법은 달러 사인($)을 3개로 감싸면 됩니다.
'Double angle formula for Cosines' 룰 표현하는 $$$cos⁡(θ+φ)=cos⁡(θ)cos⁡(φ)−sin⁡(θ)sin⁡(φ)$$$ 표현 구문입니다.

블럭 표현은 다음과 같이 달러 사인 2개로 감싸주면 됩니다.

$$
cos⁡(θ+φ)=cos⁡(θ)cos⁡(φ)−sin⁡(θ)sin⁡(φ)
$$

결과

이것은 인라인 수학 표현법은 달러 사인($)을 3개로 감싸면 됩니다. ‘Double angle formula for Cosines’ 를 표현하는 $$$cos⁡(θ+φ)=cos⁡(θ)cos⁡(φ)−sin⁡(θ)sin⁡(φ)$$$ 표현 구문입니다.

블럭 표현은 다음과 같이 달러 사인 2개로 감싸주면 됩니다.

$$ cos⁡(θ+φ)=cos⁡(θ)cos⁡(φ)−sin⁡(θ)sin⁡(φ) $$

Issue Number Description
New Features
#10 Added Mathematical Expression based on MathJax
#63, #212 Added Font Size Option
#183 Added Copy inline styled html for WYSWIG
#214 Added Shortcuts for inserting date & time
#215 Added Toggle Vim-mode menu
#217 Added Shortcut for Print
Bugs
#196 Set email title when seding email using by clicking menu item
Enhancements
#209 Enhance embeded contents look when sending email

A First Level Header

A Second Level Header

Now is the time for all good men to come to the aid of their country. This is just a regular paragraph.

The quick brown fox jumped over the lazy dog's back.

Other language

멀티마크다운을 지원하는 마크다운 에디터 하루패드!! 한글은 어떻게 작성될까요?

Header 3

This is a blockquote.

This is the second paragraph in the blockquote.

This is an H2 in a blockquote

PHRASE EMPHASIS

Markdown

Some of these words are emphasized. Some of these words are emphasized also.

Use two asterisks for strong emphasis. Or, if you prefer, use two underscores instead.

Output

<p>Some of these words <em>are emphasized</em>.
Some of these words <em>are emphasized also</em>.</p>

<p>Use two asterisks for <strong>strong emphasis</strong>.
Or, if you prefer, <strong>use two underscores instead</strong>.</p>

LISTS

Unordered (bulleted) lists use asterisks, pluses, and hyphens (*, +, and -) as list markers. These three markers are interchangable; this:

this:

and this:

all produce the same output:

<ul>
<li>Candy.</li>
<li>Gum.</li>
<li>Booze.</li>
</ul>

Ordered (numbered) lists use regular numbers, followed by periods, as list markers:

1.  Red
2.  Green
3.  Blue

Output:

<ol>
<li>Red</li>
<li>Green</li>
<li>Blue</li>
</ol>

If you put blank lines between items, you’ll get <p> tags for the list item text. You can create multi-paragraph list items by indenting the paragraphs by 4 spaces or 1 tab:

Output:

<ul>
<li><p>A list item.</p>
<p>With multiple paragraphs.</p></li>
<li><p>Another item in the list.</p></li>
</ul>

LINKS

Markdown supports two styles for creating links: inline and reference. With both styles, you use square brackets to delimit the text you want to turn into a link.

Inline-style links use parentheses immediately after the link text. For example:

This is an example link.

Output:

<p>This is an <a href="http://example.com/">
example link</a>.</p>

Optionally, you may include a title attribute in the parentheses:

This is an example link.

Output:

<p>This is an <a href="http://example.com/" title="With a Title">
example link</a>.</p>

Reference-style links allow you to refer to your links by names, which you define elsewhere in your document:

I get 10 times more traffic from Google than from Yahoo or MSN.

Output:

<p>I get 10 times more traffic from <a href="http://google.com/"
title="Google">Google</a> than from <a href="http://search.yahoo.com/"
title="Yahoo Search">Yahoo</a> or <a href="http://search.msn.com/"
title="MSN Search">MSN</a>.</p>

The title attribute is optional. Link names may contain letters, numbers and spaces, but are not case sensitive:

I start my morning with a cup of coffee and

The New York Times.

Output:

<p>I start my morning with a cup of coffee and
<a href="http://www.nytimes.com/">The New York Times</a>.</p>

IMAGES

Image syntax is very much like link syntax.

Inline (titles are optional):

alt text

Reference-style:

![alt text][id]

[id]: http://lorempixel.com/400/200/ "Title"

Both of the above examples produce the same output:

<img src="/path/to/img.jpg" alt="alt text" title="Title" />
mark tag