投稿画面の説明

ブログ記事とウェブページの投稿画面の説明です。

Movable Type 5.2 から、リッチテキストエディタが刷新されました。新しいエディタで、より快適な記事作成をお楽しみ下さい。

リッチテキストフォーマットの入力画面

フォーマットをリッチテキストに設定すると、WYSIWYGモードでの記事編集が可能となります。

入力支援ボタンの機能詳細

WYSIWYGモードの際に表示される、入力支援ボタンの機能は以下のとおりです。

ボタン	動作	タグ
	文字を最強調します	<strong>text</strong>
	文字を強調します	<em>text</em>
	下線を表示します	<span style="text-decoraton:under-line;">text</span>
	打ち消し線を表示します	<del datetime="YYYY-MM-DDTHH:MM:SS">text</del> datetime
	リンクを挿入します	<a href="url">text</a>
	リンクを解除します	n/a
	引用を表します	<blockquote></blockquote>
	インデントをします	<p style="padding-left: 30px;">text</p>
	インデントがあった場合、解除します	インデントをひとつ解除(-30px) インデントが0になったときは設定を消去
	番号なしリストを表示をします	<ul>   <li>text</li> </ul>
	番号付きリストを表示します	<ol>   <li>text</li> </ol>
	文字を左寄せします	<p style="text-align:left;">text</p>
	文字を中央に配置します	<p style="text-align:Center;">text</p>
	文字を右寄せします	<p style="text-align:right;">text</p>
	画像を挿入します	挿入時の設定に準じます
	アイテム類を挿入します	<a href="FileURL">File</a>
	アンドゥを行います	n/a
	リドゥを行います	n/a
	テキストの装飾を削除します	n/a
	水平線を挿入します	<hr />
	フルスクリーンモードに切り替えます	n/a
	テキストの文字色を設定します	<span style="color:#ff0000;">Text</span>
	文字の背景色を設定します	<span style="background-color:#ff0000;">text</span>
	テキストフォーマットを設定します	<hn>Text</hn>, <pre>Text</pre>, <p>Text</p>

WYSIWYGモード以外の編集画面

リッチテキスト以外のフォーマットを選択するか、もしくはリッチテキストでHTML編集モードを選択すると、入力支援ボタンが切り替わります。

HTML編集モード

入力支援ボタンの右端にある「</>」ボタンをクリックすることで、HTML編集モードに切り替わり、htmlを直接編集できます。もう一度クリックすると、WYSIWYGモードに切り替わります。

テキストを選択して入力支援ボタンをクリックした場合

選択したテキストを挟んで、前後に開始タグと終了タグが挿入されます。装飾完了後は、終了タグの後ろにカーソルが移動します。

<strong>Text</strong>|

テキストを選択せずに入力支援ボタンをクリックした場合

カーソル位置の前に、開始タグが挿入されます。もう一度同じ入力支援ボタンを押すと、カーソル位置の後ろに終了タグが挿入され、カーソルが終了タグの後ろに移動します。

<strong>Text Foo Bar

<strong>Text</strong> Foo Bar

フルスクリーンモード

フルスクリーンアイコンをクリックするすることで、全画面を使って記事編集を行うフルスクリーンモードに切り替わります。もう一度クリックすると、通常の編集画面に戻ります。

通常画面

フルスクリーン画面

クイック投稿

このリンクをウェブブラウザのブックマークバーにドラッグしたり、そのままブックマークに登録することで、オンラインであれば表示中のページについて、すぐブログ記事を投稿することができます。

1. 現在表示中のページについてブログ記事を書く場合、登録したブックマークをクリックします。もし、引用したいテキストがあれば、引用したい部分を選択してから、登録したブックマークをクリックします。
2. Movable Type にログインしている状態であれば、そのままブログ記事投稿画面へ。ログインしていない場合は、ログイン後ブログ記事投稿画面に移動します。
3. あとは、ブログ記事を書き足すなどをして、作成できます。

テキストフォーマットについて

"本文"や"続き"の入力する方法です。それぞれのテキストフォーマットの特徴や記法は、以下の通りです。

"なし"

入力したテキストがそのまま公開されます。X/HTMLで、かっちりと書きたい場合に利用します。

"改行を変換"

改行を br 要素に変換します。連続する行はひとつの p 要素でマークアップされ、空白行で区切られます。

Movable Type 5 のベータ テストに参加いただき
ありがとうございます。

みなさまからのフィードバックお待ちしております。

と記述した場合、以下のように出力されます。

<p>Movable Type 5 のベータテストに参加いただき<br />
ありがとうございます。</p>

<p>みなさまからのフィードバックお待ちしております。</p>

"リッチテキスト"

画像やテキストの装飾を見たままで編集できる、WYSIWYG エディタを利用します。

"Markdown"

決められたの記法にもとづいて HTMLに変換して表示するフォーマットです。

1. 顔を洗って
2. 歯を磨いて
3. 洋服に着替える

という風に書くと

<ol>
<li>顔を洗って</li>
<li>歯を磨いて</li>
<li>洋服に着替える</li>
</ol>

のように出力されます。Markdown の記法は以下のサイトを参考にしてください。

• 『Daring Fireball: Markdown Syntax Documentation』

"Markdown + SmartyPants"

Markdown と SmartyPants フォーマットを組み合わせたフォーマットです。

• 『Daring Fireball Projects: SmartyPants』

SmartyPants は以下のような処理を行います。

引用符 ("sample": ダブル クォート, 'sample': シングル クォート) をカーリー クォート (“sample”: ダブル クォート, “sample’: シングル クォート) に変換し、数値文字参照で出力します。

• "sample" から “sample”(ブラウザでの表示は “sample”) へ変換
• 'sample' から ‘sample’(ブラウザでの表示は “sample’) へ変換

連続したバック クォート (``) をカーリー クォート (“) に変換し、数値文字参照で出力します。

• ``sample`` から “sample“(ブラウザでの表示は “sample“) へ変換

ダッシュ (-) を2度連続した場合は en ダッシュ (–)に、3度連続した場合は em ダッシュ (—) に変換し、数値文字参照で出力します。

• --sample-- から –sample–(ブラウザでの表示は –sample–) へ変換
• ---sample--- から —sample—(ブラウザでの表示は —sample—) へ変換

3度続けたピリオド (...: 3度続く) を 省略記号 (…) に変換し、数値文字参照で出力します。

• sample... から sample…(ブラウザでの表示は sample…) へ変換

変換される文字列が HTML の script, pre, code, kbd の中にある場合、変換処理は行われません。

"Textile 2"

決められたの記法にもとづいて HTMLに変換して表示するフォーマットです。

h1. この行はh1です
p. 段落の始まり *強調*
bq. これは引用です
引用の中でも __修飾__ できます
* 赤
* 緑
* 青
これはリンクの "サンプル (タイトル)":http://example.com/ です。

のように入力すると

<h1>この行はh1です</h1>
<p>段落の始まり <strong>強調</strong></p>
<blockquote><p>これは引用です<br />
引用の中でも <i>修飾</i> できます</p></blockquote>
<ul>
<li>赤</li>
<li>緑</li>
<li>青</li>
</ul>
<p>これはリンクの <a href="http://example.com/" title="タイトル">サンプル</a> です。</p>

と出力されます。

Internet Explorler 8 + SSL利用時の制限事項

Internet Explorler 8 + SSL 環境で記事作成時、ブログ記事への画像挿入を行うと、セキュリティ警告のダイアログが表示されます。本現象は制限事項となります。予めご了承ください。