相対位置: » Wikiエンジン、リスト処理まで完成
絶対位置: INDEX » Side-B » 2010年01月 » Wikiエンジン、リスト処理まで完成

Search

Contents

Categories

Archives

Admin

Wikiエンジン、リスト処理まで完成

[ Category : CMS開発プロジェクト ] 2010年01月26日 02:25
　Wikiエンジン自作中です。見出しや文字の修飾、リンク、画像の表示等に加え、リストの処理まで完成しました。

現在の状況

コード

　とりあえずはコードから（汚いですけど）

cording.php
<?php
 
class cording{
 
	public $enable_nesting_tags = array(
		'table'		=> 'tr',
		'tr'			=> array('td', 'th'),
		'td'			=> array('ul', 'ol'),
		'th'			=> array('ul', 'ol'),
		'ul'			=> array('ul', 'ol', 'li'),
		'ol'			=> array('ul', 'ol', 'li'),
		'div'			=> array('p', 'table', 'ul', 'ol', 'h2', 'h3', 'h4', 'h5'),
		'p'				=> array('ul', 'ol')
	);
 
	public $cording_open_tags = array();
	public $cording_now_tag;
	public $cording_mode;
	public $cording_list_array;
	public $cording_last_list_level;
	public $cording_last_list_type;
 
 
	function cording_tag_close_check($tag){
		global $_debug;
		$result = FALSE;
		if (count($this->cording_open_tags) > 0){
			if (is_array($this->enable_nesting_tags[$this->cording_open_tags[0]])){
				if (!in_array($tag, $this->enable_nesting_tags[$this->cording_open_tags[0]])){
					$result = TRUE;
				}
			}else if ($tag != $this->enable_nesting_tags[$this->cording_open_tags[0]]){
				$result = TRUE;
			}
		}
		return $result;
	}
 
	function cording_tag_close($tag, $unshift_flug=TRUE, $reset_list_level=TRUE){
		if ($this->cording_tag_close_check($tag)){
			while($this->cording_tag_close_check($tag)){
				$close_tag = array_shift($this->cording_open_tags);
				echo '</'.$close_tag.">\n";
			}
		}
		if ($unshift_flug){
			array_unshift($this->cording_open_tags, $tag);
		}
		if ($reset_list_level){
			$this->cording_last_list_level = 0;
		}
	}
 
	function cording_list($new_level, $type, $body){
		if (!in_array("p", $this->cording_open_tags)){
			$this->cording_tag_close("p", TRUE, TRUE);
			echo "<p>\n";
		}
		if ($new_level > $this->cording_last_list_level){
			$this->cording_tag_close($type, TRUE, FALSE);
			$str =  '<'.$type.' class=level'.$new_level.'">'."\n".'<li class="level_'.$new_level.'">'.$this->cording_text($body)."</li>\n";
		}else if ($new_level < $this->cording_last_list_level){
			$str =  '<'.$this->cording_last_list_type.">\n".'<li class="level_'.$new_level.'">'.$this->cording_text($body)."</li>\n";
		}else{
			$str =  '<li class="level_'.$new_level.'">'.$this->cording_text($body)."</li>\n";
		}
		$this->cording_last_list_level = $new_level;
		$this->cording_last_list_type = $new_type;
 
		return $str;
	}
 
	function cording_text($str){
		global $a_target;
		$str = preg_replace("/<([^\.=]*)>/", "&lt;$1&gt;", $str);
		$str = preg_replace("/\*\*([^\*]*)\*\*/", "<b>$1</b>", $str);
		$str = preg_replace("/\/\/([^\/\[\]\{\}]*)\/\//", "<i>$1</i>", $str);
		$str = preg_replace("/__([^_]*)__/", "<u>$1</u>", $str);
		$str = preg_replace("/--([^-]*)--/", "<del>$1</del>", $str);
		$str = preg_replace("/\[\[http:\/\/([^\|\]]*)\|([^\]]*)\]\]/", '<a href="http://$1"'.$a_target.'>$2</a>', $str);
		$str = preg_replace("/\[\[http:\/\/([^\|\]]*)\]\]/", '<a href="http://$1"'.$a_target.'>$1</a>', $str);
		$str = preg_replace("/\{\{http:\/\/([^\|\}\? ]*)\}\}/", '<img src="http://$1" alt="$1" />', $str);
		$str = preg_replace("/\{\{http:\/\/([^\|\}\? ]*)\?([0-9]*)\}\}/", '<img src="http://$1" width="$2" alt="$1" />', $str);
		$str = preg_replace("/\{\{http:\/\/([^\|\}\? ]*)\?([0-9]*)x([0-9]*)\}\}/", '<img src="http://$1" width="$2" height="$3" alt="$1" />', $str);
		$str = preg_replace("/\{\{http:\/\/([^\|\}\? ]*) *\}\}/", '<img src="http://$1" alt="$1" class="img_left" align="left" />', $str);
		$str = preg_replace("/\{\{http:\/\/([^\|\}\? ]*)\?([0-9]*) *\}\}/", '<img src="http://$1" width="$2" alt="$1" class="img_left" align="left"/>', $str);
		$str = preg_replace("/\{\{http:\/\/([^\|\}\? ]*)\?([0-9]*)x([0-9]*) *\}\}/", '<img src="http://$1" width="$2" height="$3" alt="$1" class="img_left" align="left"/>', $str);
		$str = preg_replace("/\{\{ +http:\/\/([^\|\}\? ]*)\}\}/", '<img src="http://$1" alt="$1" class="img_right" align="rignt" />', $str);
		$str = preg_replace("/\{\{ +http:\/\/([^\|\}\? ]*)\?([0-9]*)\}\}/", '<img src="http://$1" width="$2" alt="$1" class="img_right" align="right" />', $str);
		$str = preg_replace("/\{\{ +http:\/\/([^\|\}\? ]*)\?([0-9]*)x([0-9]*)\}\}/", '<img src="http://$1" width="$2" height="$3" alt="$1" class="img_right" align="right" />', $str);
		$str = preg_replace("/\{\{ +http:\/\/([^\|\}\? ]*) +\}\}/", '<img src="http://$1" alt="$1" class="img_center" />', $str);
		$str = preg_replace("/\{\{ +http:\/\/([^\|\}\? ]*)\?([0-9]*) +\}\}/", '<img src="http://$1" width="$2" alt="$1" class="img_center" />', $str);
		$str = preg_replace("/\{\{ +http:\/\/([^\|\}\? ]*)\?([0-9]*)x([0-9]*) +\}\}/", '<img src="http://$1" width="$2" height="$3" alt="$1" class="img_center" />', $str);
		$str = preg_replace("/< ?\.([^\| ]*) ?\|([^>]*)>/", '<span class="$1">$2</span>', $str);
		$str = preg_replace("/< ?= ?([^\| ]*) ?\|([^>]*)>/", '<span style="$1">$2</span>', $str);
 
		return $str;
	}
 
	function cording_start($str){
		$array = preg_split("/[\r\n]/", $str, -1, PREG_SPLIT_NO_EMPTY);
		$end = count($array);
		$result = '';
 
		for ($i=0; $i<$end; $i++){
			$line = $array[$i];
			if (preg_match("/^(\={2}) ?([^=]*)$/", $line, $data)){
				$this->cording_tag_close("h2", FALSE);
				echo "<h2>".$data[2]."</h2>\n";
			}else if (preg_match("/^(\={3}) ?([^=]*)$/", $line, $data)){
				$this->cording_tag_close("h3", FALSE);
				echo "<h3>".$data[2]."</h3>\n";
			}else if (preg_match("/^(\={4}) ?([^=]*)$/", $line, $data)){
				$this->cording_tag_close("h4", FALSE);
				echo "<h3>".$data[2]."</h4>\n";
			}else if (preg_match("/^(\={5}) ?([^=]*)$/", $line, $data)){
				$this->cording_tag_close("h5", FALSE);
				echo "<h3>".$data[2]."</h5>\n";
			}else if (preg_match("/^( {2,3}-) ?(.*)$/", $line, $data)){
				echo $this->cording_list(1, 'ol', $data[2]);
			}else if (preg_match("/^( {4,5}-) ?(.*)$/", $line, $data)){
				echo $this->cording_list(2, 'ol', $data[2]);
			}else if (preg_match("/^( {6,7}-) ?(.*)$/", $line, $data)){
				echo $this->cording_list(3, 'ol', $data[2]);
			}else if (preg_match("/^( {8,9}-) ?(.*)$/", $line, $data)){
				echo $this->cording_list(4, 'ol', $data[2]);
			}else if (preg_match("/^( {2,3}\*) ?(.*)$/", $line, $data)){
				echo $this->cording_list(1, 'ul', $data[2]);
			}else if (preg_match("/^( {4,5}\*) ?(.*)$/", $line, $data)){
				echo $this->cording_list(2, 'ul', $data[2]);
			}else if (preg_match("/^( {6,7}\*) ?(.*)$/", $line, $data)){
				echo $this->cording_list(3, 'ul', $data[2]);
			}else if (preg_match("/^( {8,9}\*) ?(.*)$/", $line, $data)){
				echo $this->cording_list(4, 'ul', $data[2]);
			}else if (preg_match("/^\#([^\.\#]*) ?\.([^\.\#\{]*)\{$/", $line, $data)){
				$this->cording_tag_close("div", TRUE);
				echo '<div id="'.$data[1].'" class="'.$data[2].'">'."\n";
			}else if (preg_match("/^\.([^\.\#]*) ?\#([^\.\#\{]*)\{$/", $line, $data)){
				$this->cording_tag_close("div", TRUE);
				echo '<div class="'.$data[1].'" id="'.$data[2].'">'."\n";
			}else if (preg_match("/^\.([^\.\#\{]*)\{$/", $line, $data)){
				$this->cording_tag_close("div", TRUE);
				echo '<div class="'.$data[1].'">'."\n";
			}else if (preg_match("/^\#([^\.\#\{]*)\{$/", $line, $data)){
				$this->cording_tag_close("div", TRUE);
				echo '<div id="'.$data[1].'">'."\n";
			}else if ($line == "}" && in_array("div", $this->cording_open_tags)){
				while ($this->cording_open_tags[0] != "div"){
					echo '</'.array_shift($this->cording_open_tags).">\n";
				}
				echo '</'.array_shift($this->cording_open_tags).">\n";
			}else{
				$this->cording_tag_close("p", TRUE);
				echo "<p>\n";
				echo $this->cording_text($line)."\n";
			}
		}
		$this->cording_tag_close("", FALSE);
	}
 
}
 
?>

　file_get_contents()関数等でテキストファイルを読み込み、そのデータをそのままcording_start()メソッドに投げてやることでHTMLに変換します。

　例えば、こんな感じです。

cording_test.php
<?
// 読み込ませるファイルのパスを指定
$file = 'path/to/file';
require_once("cording.php");
 
// デバッグのため「text/plain」で吐き出します
header("Content-Type: text/plain; charset=UTF-8");
 
$obj = new cording();
$obj->cording_start(file_get_contents($file));
 
?>

　ちなみに、変換させるテキストファイルはこちらのページに書いてある文法を解読します。

ここがムズい！

　HTMLタグは、入れ子にしてどんどん開いていくことができます。例えば… 

<div>
  <p>
    <ul>
      <li>aaaaa</li>
      <ul>
        <li>bbbbb</li>

　といった感じです。開いていくのは楽なんですが、次に来るタグによって「どこまで閉じるか」を判断するロジックが難しいです。

　例えば、上のHTMLコードの次に「<h2>」なんてタグを入れようと思ったら、<ul>は２つとも閉じるとして、<p>は閉じるのか？　<div>は閉じるのか？？　<h2>ではなく「<p>テキスト</p>」が来たらどこまで閉じるのか？？　このあたりの判断がWikiエンジンをつくるにあたっての１つの山ではないかと思います。

　ボクのコード内では「cording_tag_close()」と「cording_tag_close_check()」とでタグを閉じるか閉じないか（閉じるとしたらどこまで閉じるのか）を判断させています。

次はテーブルの処理

　リスト処理が完成したのでずいぶん楽になりました。次は、最大の難関であるテーブルです。じっくり考えてみます。

INDEXに戻る

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/002053.html · 最終更新: 2011年01月25日 via MovableType 3.33-ja
 
RSS2.0
Clip to Evernote