Movable Type CMSプラットフォーム Movable Type
ドキュメントサイト

Movable Type 7 ManualMovable Type 7 マニュアル

テキストエリアにおけるテキストフォーマットについて

最終更新日: 2018.05.11

Movable Type では、コンテンツタイプの「テキスト(複数行)フィールド」や、記事やウェブページにおける「本文」や「続き」を入力する方法としていくつかの入力方式をサポートしています。それぞれの特徴や記法は、以下の通りです。

ブロックエディタ

テキストや画像などの要素を、エディタ内に記述するのではなく、一連の内容をブロックとして内容を構成していくエディタです。コンテンツタイプの「テキスト(複数行)フィールド」でのみ利用可能です。

block-editor.png

様々な用途に応じたブロックが用意されています。また、ブロックはプラグインにより拡張が可能です。

block-editor-blocks.png

追加されたブロックは、あとから並び替えることができます。

block-editor-reorder.png

なし

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

改行を変換

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

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

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

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

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

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

リッチテキスト

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

Markdown

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

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

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

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

Markdown の記法は以下のサイトをご参照下さい。

GitHub Fravored Markdown などの拡張 Markdown 記法には対応していません。

Markdown + SmartyPants

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

SmartyPants は、以下のような変換をおこないます。詳しくは以下のサイトをご参照ください。

引用符 (ダブル クォート、シングル クォート) をカーリー クォートに変換し、数値文字参照で出力

変換前 変換後 ブラウザでの見え方
"sample" &#8220;sample&#8221; “sample”
'sample' &#8216;sample&#8217; ‘sample’

連続したバック クォート を カーリー クォートに変換し、数値文字参照で出力

変換前 変換後 ブラウザでの見え方
``sample`` &#8220;sample&#8220; “sample“

ダッシュ を2度連続した場合は en ダッシュ に、3度連続した場合は em ダッシュ に変換し、数値文字参照で出力

変換前 変換後 ブラウザでの見え方
--sample-- &#8211;sample&#8211; –sample–
---sample--- &#8212;sample&#8212; —sample—

3度続けたピリオドを 省略記号 に変換し、数値文字参照で出力

変換前 変換後 ブラウザでの見え方
sample... sample&#8230; 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>
目次