Sandbox!

MyApp 文法ギャラリー

見出し3

MultiMarkdown + Formatter のサンプルページ

見出し4

mode=raw すると、ソースが見えます

見出し5

改行数などで多少不具合あります

見出し6

ドキュメント側の表現で不具合はかわす！！

画像

サムネイル→拡大画像(拡大後に、キャプションなどもあわせて表示)

サムネイル→グループ画像(拡大後に、カーソルで連続して見れたりする)

ブロック要素

コード(デフォルトはperl)

my $doc_root = $c->conf->{app}{doc_base_path}.'diary';
my @path_list;
my $dir = Path::Class::dir($doc_root);
while(my $file = $dir->next) {
    next if $file eq $dir || $file->resolve eq $dir->parent;
    push @path_list, $file;
}

言語指定

<pre class="prettyprint lang-html">
    !!html!!
    "bsh", "c", "cc", "cpp", "cs", "csh", "cyc", "cv", "htm", "html",
    "java", "js", "m", "mxml", "perl", "pl", "pm", "py", "rb", "sh",
    "xhtml", "xml", "xsl".
</pre>

引用 ここは引用文字列です

quoted from: bayashi.net

テーブル

Table Title

Grouping
First Header	Second Header	Third Header
Content	Long Cell
Content	Cell	Cell

インライン要素

強調 文字

強い強調 文字

ワンライナーコード perl -e 'print "foo\n"'
ワンライナーコード perl -e 'print "foo\n"'

URL リンク https://www.bayashi.net/

title属性つきリンク Yahoo!

拡張リンク記法

simple リンク Start

CPANモジュールリンク Text::Xslate
Wikipediaリンク 日本語 / 英語版 English
Hatena IDリンク bayashi_net
Twitter IDリンク @bayashi
Facebook IDリンク dai.okabayashi

リスト

順序なし

• one
• two
  • Sun
  • Mon
    • debian
    • CentOS
      • perl
      • ruby
        • male
        • female

順序あり

1. Jan
2. Feb
   1. dog
   2. cat

順序なし ＞ 順序あり

• foo
• bar
  1. hoge
  2. fuga

tab list

要素を横にタブ形式で並べるリストを使用できます。

• baz
• bar
• baz

embed

ニコニコ動画

YouTube

google map

Formatter 未対応の外部要素を貼る場合は、class: embed で囲むとインデントがそろう。
セキュリティに配慮が必要。掲載者責任で。