Wikiエンジン ver 0.1公開(マジ!?)

[ Category : CMS開発プロジェクト ] 2010年01月28日 04:34
 こんなページをつくってみました。よければ遊んでみてください。

整形記法

文字修飾

ボールド

 DokuWiki同様「**ボールド(太字)**」と書くと「ボールド(太字)」になります。

イタリック

 DokuWiki同様「//イタリック(斜体)//」と書くと「イタリック(斜体)」になります。

アンダーライン

 DokuWiki同様「__アンダーライン(下線)__」と書くと「アンダーライン(下線)」になります。

字消し線

 2連ハイフンで囲むと字消し線が付きます。「--字消し線--」が「字消し線」になるわけです。

span

 <span>〜</span>を簡単に書くことができます。

class指定は「.(半角ドット)」をつける
<.abc|この部分がspanに囲まれます>
  ↓
<span class="abc">この部分がspanに囲まれます</span>
style指定は「=(半角イコール)」をつける
<=color: #f00;|この部分がspanに囲まれます>
  ↓
<span style="color: #f00;">この部分がspanに囲まれます</span>

ブロックコンテンツ

DIV

 <div>〜</div>を簡単に書くことができます。

id指定は「#(半角シャープ)」をつける
#aaa{
この部分がDIVに囲まれます

もちろん、イメージや表などを入れ込むこともできます
}

  ↓

<div id="aaa">
この部分がDIVに囲まれます

もちろん、イメージや表などを入れ込むこともできます
</div>
class指定は「.(半角ドット)」をつける
.aaa{
この部分がDIVに囲まれます

もちろん、イメージや表などを入れ込むこともできます
}

  ↓

<div class="aaa">
この部分がDIVに囲まれます

もちろん、イメージや表などを入れ込むこともできます
</div>
idとclassの両方を指定することもできます
.aaa#bbb{
classが先でidが後でも大丈夫ですし
}

#aaa.bbb{
idが先でclassが後でも大丈夫です
}

イメージ

 イメージ指定はDokuWikiと同じです。

{{http://www.hoge.com/hoge.png?200x150}}

 上記のように、1行にイメージのみを書くとブロックレベルとして扱われます。また、インラインレベルとして扱うこともできます。

このように、イメージを{{http://hoge.com/hoge.png?15x15}}インラインに入れ込むことができます

blockquote

 「+++」と「+++」にはさまれた行はblockquoteとして扱われます

+++
ココからblockquoteとして扱われます
ココもblockquoteです
  - リストも
  - 使えます

{{http://hoge.com/hoge.png}}イメージも入れられます

blockquoteを終了させたいときは、開始と同じく「+++」を書きます
(+の数は3個以上であれば何個でもOKです)
 ↓
+++

テーブル(表)

 「th」と「td」の使い分けや、セル内の位置(左寄せ、センタリング、右寄せ)指定はDokuWikiと同じですが、colspanとrowspanの指定は異なります

colspan
|>2 (セルボディー)|

 このように、セル区切り(「^」または「|」)の直後に「>」をつけ、その後に半角数字でcolspan値を指定します。

rowspan
|_2 (セルボディー)|

 このように、セル区切り(「^」または「|」)の直後に「_」をつけ、その後に半角数字でrowspan値を指定します。

複合指定

 colspanとrowspanは同時に指定することができます。その際、表記順はどちらでも構いません。

|>2_3(セルボディー)|
 ↑
これでもOK


|_3>2(セルボディー)|
 ↑
これでもOK

リンク

 リンクの指定はDokuWikiと同様、「[[http://studio-arz.com/]]」や、「http://studio-arz.com|こちら]]」といった書き方が可能です。

リスト

 リストの指定はDokuWikiと同様です。

  * これはulとして扱われます
    * このように、インデントを下げることができます
    * 半角スペース2つずつ、インデントを下げてください
  * 下げて下げて下げまくっても大丈夫です
    - これはolとして扱われます
      - どこまでも
        - どこまでも
          - どこまでも
            - どこまでも
              - 下げることができますが
                * こんなに下げることはないですねw
  * ちなみに、いきなり何段階か上げるとインデントがずれるバグがあります...
  * 近々、直します

見出し

 見出しはh2からh5までの4種類が使えます

== 第2レベル見出し
=== 第3レベル見出し
==== 第4レベル見出し
===== 第5レベル見出し

その他

 DokuWiki同様、2連バックスラッシュ「\\」で改行できます。

インラインで改行するときは、2連バックスラッシュのすぐ後ろに1つ以上半角スペースを入れてください\\ ←ココに半角スペースがないと改行されません

または、2連バックスラッシュの後ろで改行して\\
ください。

Wikiエンジンを試す

 Wikiエンジンのテストはこちらで可能です。テキストデータとCSSとを同時進行で編集できる便利さを味わってみてくださいませ。

 サイトの見た目がココと全く同じですので、一見、DokuWikiで動いているように見えますがw DokuWikiの機能は全く使っていませんよ〜。

Discussion

Tag Cloud

005sh 3dプリンタ 930ca adsense adwords awesomenote bar bliki bootcamp brita canolite centos6.4 cheerz chrome cms cms開発プロジェクト css database dokuwiki dreamweaver dsi dtm e-p1 e-pl1 edv-01 entities.conf evernote evetnote exilim eye-fi fasteverxl filemaker fishmans flipboard fpdf fpdi ftp garageband gizmon glue=_><$mttagname$> google gw hp作成 htaccess ielectribe imac ims-20 ipad ipad2 iphone itunes iweb jazz joomla lifegame linux lumix mac macbook mixiモバイル movabletype mp3play musescore nokton nokton25mmf0.95 noteslate open.thumbshots.org photomess php plugin pocketwifi pv rewritebase rewritecond rewriteengine rewriterule rolleicord safari scansnap seo serenar smc tcpdf timemachine transmit twin-t twitter ustream vmware waon web webthumbs webデザイン wimax windows yahoo youtube あずきフォント おでん お年玉 お知らせ みなと祭 アイダホバーガー アニメ アルネ・ヤコブセン イベント ウサビッチ エヴァンゲリオン オナラ禁止令 オープンスクール ガレット クイズ コシナ ゴールデンウィーク ストーブ料理 ダイナミックレンジ テザリング テレバイダー トムヤムクム ニコニコ動画 ネット家計簿ココマネ バックライト バンダイチャンネル パンダオセロ ピアノ フィッシング プチコン プラグイン ホームページ ボウズ マイクロフォーサーズ マウントアダプタ マクドナルド メンズスカート メンテナンス ラチチュード ラ・カンパネラ リスト 三晃精機 三相3線 上関原発 下関 中国 中学受験 中西進学中 中西進学塾 久石譲 乾燥肌 二眼レフ 会計ソフト 価格.com 写真 冷凍野菜 冷凍食材 出汁 動画 北九州高専 卒塾生 卒業 単相3線 吉田カバン 味噌 味噌汁 営業 坂本龍一 大島商船 妃田智 子どもと読書 家庭学習支援 家計簿 小学生と英語 小論文の指導 嶺川貴子 川南造船所 川棚 差し入れ 広告デザイン 情報のインフレ 情報教育 愛の夢 扇風機 掃除機 携帯電話 放課後のプレアデス 教材作成 教科書 敬愛中 敬愛中学校 数学 数式 文字コード 日新館中 日明の湯 森鷗外 椅子 業務日報 楽の湯 楽譜 機動戦士ガンダム 正規表現 津和野 海苔 火災 炊飯器料理 甘き死よ、来たれ 発酵 相対性理論 確定申告 節約 篆刻 経費削減 縦書き 自主制作アニメ 自宅サーバ 自習室 著作権 蟲師 西南女学院中 誕生日がずれる 誠徳義塾 調律 買い物 軍事遺構 軍艦島 転入学 近況報告 迷惑メール 配布物 金剛地武志 門司学園中 門司港 附属小 陸上自衛隊高等工科学校 電気代 食費 餃子 高校入試 高校受験
 
http://studio-arz.com/bliki/2010-01/002058.html · 最終更新: 2011年01月25日 via MovableType 3.33-ja
 
RSS2.0
Clip to Evernote