WZ Markdown Editor
チュートリアル

WZ soft > WZ Markdown Editor > チュートリアル >

マークダウン記法は、次の3つの特徴があります。

  1. テキストファイル形式で書式や装飾を指定する
    #で始まる行は見出し、**で囲んだ文字は太字となります。
    簡単な記号を用いるため、見やすい、覚えやすい、書きやすい特徴があります。
  2. 国際的な規約であり対応するサービスが幅広い
    GitHub、WordPress、Qiita、はてなブログなどマークダウン記法に対応したWEBサービスやソフトウェアが増えています。
  3. HTMLファイルを出力する
    マークダウン記法で作成したドキュメントはHTMLに出力されますので、どのOSや端末でもブラウザで閲覧できます。
    HTMLファイルを文書ファイル形式として活用することができます。
    マークダウン記法でホームページの作成も可能です。

書き方

主なマークダウン記法の書き方と、対応するHTML出力の例を示します。

見出し

#の数で見出しレベルを表します。

Markdown
# 見出し1
## 見出し2
### 見出し3
HTML
<h1>見出し1</h1>
<h2>見出し2</h3>
<h3>見出し3</h3>

段落と改行

空行で段落を区切ります。
空白2つに続く改行で、HTMLの改行<br>を出力します。
WZ Markdown Editorでは、改行のみでも<br>を出力します。

Markdown
段落1
段落1の2行目

段落2
段落2の2行目
HTML
<p>段落1<br>段落1の2行目</p>
<p>段落2<br>段落2の2行目</p>

箇条書き

行頭の* - +と空白で箇条書きとなります。
WZ Markdown Editorでは行頭のでも箇条書きとなります。
タブで字下げをすると、入れ子となります。

Markdown
・箇条書き1
* 箇条書き2
	* 箇条書き2-1
	* 箇条書き2-2
・箇条書き3
HTML
<ul>
	<li>箇条書き1
	<li>箇条書き2
	<ul>
		<li>箇条書き2-1
		<li>箇条書き2-1
	</ul>
	<li>箇条書き3
<ul>

太字

**で囲むと太字となります。
WZ Markdown Editorでは、【】で囲んでも太字となります。

Markdown
段落内の**太字**の使用。

段落内の【太字】の使用。
HTML
<p>段落内の<strong>太字</strong>の使用。<p>
<p>段落内の<strong>太字</strong>の使用。<p>

リンク

括弧でリンクを指定できます。

Markdown
WZ Markdown Editorの[ホームページ](http://www.wzsoft.jp/wzme/)
HTML
WZ Markdown Editorの<a href="http://www.wzsoft.jp/wzme/">ホームページ</a>

画像

括弧で画像を挿入できます。

Markdown
![](image.png)
HTML
<img src="image.png">

WZ Markdown Editorのマークダウン記法の対応

WZ Markdown Editorの主なマークダウンテキストの編集機能の一覧です。

マークダウン記法の拡張

  1. マークダウン記法を日本語向けに拡張
    (全角中黒)の箇条書き、ルビ、日本語の改行、表の見出しに対応しました。
  2. 出力先の埋め込み
    HTML出力先のファイル名の指定や、FTP出力先のサーバやフォルダの指定に対応しました。
  3. 分割出力
    大規模なマークダウンテキストの複数HTMLファイルの分割出力に対応しました。

マークダウンテキストの表示

  1. マークダウンの記号の色分け表示
    書式や装飾の記号を色分けして表示します。
  2. ブラウザプレビュー表示
    左側にマークダウン、右側にHTML出力のブラウザプレビューを表示できます。
    マークダウンを編集すると、ブラウザプレビューの表示も更新されます。
  3. WYSIWYG表示編集
    マークダウンのテキストをHTML出力に近い表示で編集できます。
    ブラウザプレビュー表示の更新のタイムラグや視線の移動が不要となります。

マークダウンテキストの編集

  1. アウトライン
    WZ EDITORのアウトライン機能で、マークダウンの見出しの作成、一覧表示、入れ替えに対応します。
  2. メニューによる書式や装飾指定
    メニューから文字装飾や箇条書きの指定、選択範囲の一括の指定に対応します。
  3. 各種の編集機能
    文字種別の全角と半角の変換、段落の入れ替え、空白の削除や挿入、空白行の削除、マークダウンとプレーンテキストの改行の変換機能に対応します。
PageTop