Web版テキストビューワー

<?php
//============================================================================//
// html 整形                    create 2007/09/12 update 2013/01/27  t.ohishi //
//============================================================================//

//初期セット
$msg="ＨＴＭＬを貼り付けてください。"; 
$after="";

//入力値を受け取る
$before=stripslashes(@$_POST["before"]); 
if($before==""){
	$before=$msg; 
}
$IndentType=stripslashes(@$_POST["IndentType"]); 
if($IndentType==""){
	$IndentType="3"; 
}
$Attribute=stripslashes(@$_POST["Attribute"]); 
if($Attribute==""){
	$Attribute="1"; 
}
$DebugTag=stripslashes(@$_POST["DebugTag"]); 
if($DebugTag==""){
	$DebugTag=""; 
}
 $ipaddr=$_SERVER["REMOTE_ADDR"];
 $host=gethostbyaddr_timeout1($ipaddr);

setlocale(LC_TIME,"Japanese_Japan.932");
 $date=gmdate('Ym',strtotime("+9 hours"));
 $file_name="log/hhlog$date.log";
 $file=fopen($file_name,"a") or die("OPENエラー $file_name");
 flock($file,LOCK_EX);
 $string=gmdate('Y/m/d H:i:s',strtotime("+9 hours"))."\t".$ipaddr."\t".$host."\t".$IndentType."\t".$DebugTag."\t".$_SERVER['HTTP_REFERER']."\n";
 fputs($file,$string);
 flock($file,LOCK_UN);
 fclose($file);

function gethostbyaddr_timeout1($ip){
    $res=`nslookup -timeout=1 -retry=1 $ip`;
    if (preg_match('/name = (.*).\n/', $res, $out)){
        return $out[1];
    } else{
        return $ip;
    }
}

if($before!=$msg){

$et = new ElapsTime();
	$et->et_start();

$hf = new HtmlFormat();
	$hf->hf_charSet($IndentType);
	$hf->Attribute=$Attribute;
	$hf->DebugTag = $DebugTag;
	$after = $hf->hf_format($before);

$before= htmlspecialchars($before,ENT_QUOTES);
	$after= htmlspecialchars($after,ENT_QUOTES);

$et->et_end();
}

class ElapsTime{

private $time;
	private $str;
	private $time_start;
	private $time_end;

public function et_start(){
		$this->time_start = $this->microtime_float();
	}

public function et_end(){
		$this->time_end = $this->microtime_float();
		$this->time = $this->time_end - $this->time_start;
		return $this->time;
	}

public function et_print(){
		$this->str = 
			number_format($this->time,6,'.',',').
			"秒";
		return $this->str;
	}

private function microtime_float(){
		list($usec, $sec) = explode(" ", microtime());
		return ((float)$usec + (float)$sec);
	}

}

class PatternConverte{

private $conv;

public function pt_conv($input){
		$pattern = '@'.
			''                .'|'.
			'<\?php.*?\?>'                 .'|'.
			'<%.*?%>'                   .'|'.
			'<script[^>]*?>.*?</script>'.'|'.
			'<style[^>]*?>.*?</style>'  .'|'.
			'<pre[^>]*?>.*?</pre>'      .
			'@si';
		$input = preg_replace_callback($pattern,array($this,'uniqConvert1'),$input);
		$pattern = '@'.
			'\".*?\"'      .'|'.
			"\'.*?\'"      .'|'.
			'<\?.*?\?>'    .'|'.
			'<!\[CDATA\[(.*?)\]\]>'        .
			'@si';
		$input = preg_replace_callback($pattern,array($this,'uniqConvert2'),$input);
		return $input;
	}

private function uniqConvert1($matches) {
		$id = md5(uniqid());
		$val = $matches[0];
		$key = '<'.$id.' />';
		$this->conv[$key] = $val;
		return $key;
	}
	private function uniqConvert2($matches) {
		$id = md5(uniqid());
		$val = $matches[0];
		$key = '##'.$id.'##';
		$this->conv[$key] = $val;
		return $key;
	}
	//復元＆改行直後に$rcharを付加
	public function pt_restore($input,$rchar){
		if(is_null($rchar)){$rchar="";}
		if(!is_null($this->conv)){
			foreach ($this->conv as $k => $v){
				$after = str_replace($k,$v,$input);
				if($after<>$input){
					$input = str_replace("\r\n","\r\n".$rchar,$after);
				}
			}
		}
		return $input;
	}
	//復活
	public function pt_restore_org($input){
		if(!is_null($this->conv)){
			foreach ($this->conv as $k => $v){
				$input = str_replace($k,$v,$input);
			}
		}
		return $input;
	}
}

class HtmlFormat{

public $beforeSize;
	public $afterSize;
	public $beforeCount;
	public $afterCount;
	public $indentChar; //インデントの文字
	public $indentCount; //インデント文字の数
	public $tagOkCount;
	public $tagNgCount;
	public $DebugTag;
	public $debugInfo;
	public $tagList;
	public $Attribute;

public function hf_charSet($num){
		switch($num){
		case '1':
			$this->indentChar="\t";
			$this->indentCount=1;
			break;
		case '2':
			$this->indentChar=" ";
			$this->indentCount=1;
			break;
		case '3':
			$this->indentChar=" ";
			$this->indentCount=2;
			break;
		case '4':
			$this->indentChar=" ";
			$this->indentCount=4;
			break;
		default:
			$this->indentChar=" ";
			$this->indentCount=2;
		}
	}

public function hf_cssFormat($input){
		$input=str_replace("{","{\r\n",$input);
		$input=str_replace(";",";\r\n ",$input);
		$input=str_replace("}","\r\n}\r\n\r\n",$input);
		$input=str_replace("\r\n \r\n}\r\n\r\n ","\r\n}\r\n\r\n ",$input);
		$input=str_replace("\r\n}\r\n\r\n ","\r\n}\r\n\r\n",$input);
		return $input;
	}

public function hf_format($str){

$this->beforeSize = strlen($str);
		$array=explode("\n",$str);
		$this->beforeCount=sizeof($array);

$pc = new PatternConverte();
		$str=$pc->pt_conv($str);

//改行文字を取り除く
		$str=str_replace("\r\n","\r\n ",$str);//
		$str=str_replace("\r\n","",$str);//
		$str=str_replace("\n","",$str);//
		$str=trim($str);

//タブ文字を取り除く
		$str=str_replace("\t","",$str);

//連続した半角空白文字を１文字半角にする
		$str = preg_replace('/\s\s+/', ' ', $str);
 
		//タグの先頭に改行文字を設定する
		$str=str_replace("<","\n<",$str);
		$str=str_replace("\n<?","<?",$str);
		$str=substr($str,1,strlen($str)-1);

//タグの末尾直後の半角空白を削除
		$str=str_replace("> ",">",$str);

//変数から配列に変換する
		$array=explode("\n",$str);

//htmlの属性を$list配列に転記する
		for($i=0;$i<count($array);$i++){

$list[$i]["html"]=$array[$i];
			$html=$array[$i];
	
			if(mb_substr($array[$i],0,2)=="</"){
				$list[$i]["startend"]="end";
				$list[$i]["tag"]=mb_substr(str_replace(" ",">",$html) , 2 , mb_strpos(str_replace(" ",">",$html),'>') - 2 );
				$list[$i]["value"]=0;
				$list[$i]["level"]=0;
				$list[$i]["n_html"]="";
			}elseif(mb_substr($array[$i],0,2)=="<!"){
				$list[$i]["startend"]="coment";
				$list[$i]["tag"]="";
				$list[$i]["value"]=0;
				$list[$i]["level"]=0;
				$list[$i]["n_html"]="";
			}elseif(mb_substr($array[$i],0,1)=="<"){
				$list[$i]["startend"]="start";
				$list[$i]["tag"]=mb_substr(str_replace(" ",">",$html) , 1 , mb_strpos(str_replace(" ",">",$html),'>') - 1 );
				$list[$i]["value"]=0;
				$list[$i]["level"]=0;
				$list[$i]["n_html"]="";

}else{
				$list[$i]["startend"]="coment";
				$list[$i]["tag"]=mb_substr(str_replace(" ",">",$html) , 0 , mb_strpos(str_replace(" ",">",$html),'>'));
				$list[$i]["value"]=0;
				$list[$i]["level"]=0;
				$list[$i]["n_html"]="";
			}
		}

//タグ・startend別の使用回数をカウントする　（タグ別集計）　
		for($i=0;$i<count($list);$i++){
			if($list[$i]["startend"]<>"coment"){
				$sum[strtolower($list[$i]["tag"])][$list[$i]["startend"]] =
				$sum[strtolower($list[$i]["tag"])][$list[$i]["startend"]] + 1 ;
			}
		}

if(count($sum)<>0){

//tag順にソートする
			ksort($sum);

//タグ別集計にvalueを設定する
			//start/endのタグが正しくペアの状態になっている場合　　　　 －＞１をセット
			//endタグを持たない場合、endタグが不完全（記入漏れ）の場合　－＞０をセット
			//
			$i=0;
			while(list($key,$var)=each($sum)){
				$start=0;
				$end=0;
				while(list($key2,$var2)=each($var)){
					if($key2=="start"){$start=$var2;}
					if($key2=="end"){$end=$var2;}
				}
				$sum[$key]["sa"]=$end - $start;
				if($sum[$key]["sa"]==0){
					$sum[$key]["value"]=1;
					$this->tagOkCount = $this->tagOkCount." ".$key.":(".$var[start].")";
				}
				else{
					$sum[$key]["value"]=0;
					if(strlen($key)>0 and strlen($key)<30){
							$this->tagNgCount = $this->tagNgCount." ".$key.":(".$sum[$key]["sa"].")";
							$this->tagList[$i]=$key;$i=$i+1;
					}
				}
 			}
		}

$this->tagOkCount = htmlspecialchars($this->tagOkCount,ENT_QUOTES);
		$this->tagNgCount = htmlspecialchars($this->tagNgCount,ENT_QUOTES);

//$list配列にタグ別集計の値を反映する
		for($i=0;$i<count($list);$i++){

//valueをセット
			if($list[$i]["startend"]=="start"){
				$list[$i]["value"]=$sum[strtolower($list[$i]["tag"])]["value"];
			}elseif($list[$i]["startend"]=="end"){
				$list[$i]["value"]=$sum[strtolower($list[$i]["tag"])]["value"]*-1;
			}else{
				$list[$i]["value"]=0;
			}

//levelをセット
			if($i==0){
				$list[$i]["level"]=$list[$i]["value"];
			}else{
				$list[$i]["level"]=$list[$i-1]["level"]+$list[$i]["value"];
			}
		}

//valueの値が-1の場合に、levelの値に１を加算する
		for($i=0;$i<count($list);$i++){
			if($list[$i]["value"]==-1){
				$list[$i]["level"]=$list[$i]["level"]+1;
			}
		}

//level補正（2012/12/20）
		for($i=1;$i<count($list);$i++){

//valueの値が0 & 前のvalueが0以外の場合に、levelの値に１を加算する
			//valueの値が0 & 前のvalueが0の場合に、前のlevelをコピーする
			if($list[$i]["value"]==0){
				if($list[$i-1]["value"]==0){
					$list[$i]["level"]=$list[$i-1]["level"];
				}else{
					$list[$i]["level"]=$list[$i]["level"]+1;
				}
			}
		}
		//整形htmlを作成
		for($i=0;$i<count($list);$i++){
			$temp=@str_repeat($this->indentChar,($list[$i]["level"]-1) * $this->indentCount) ;
			if($this->Attribute=="1"){
				$list[$i]["n_html"]=$temp. $list[$i]["html"];
			}else{
				//$list[$i]["n_html"]=str_replace("\n".$temp.str_repeat($this->indentChar,$this->indentCount)."/>"," />",$temp. str_replace(" ","\n".$temp.str_repeat($this->indentChar,$this->indentCount),$list[$i]["html"]));
				$conv_sw=0;
				$conv_str="";
				$str=$temp. $list[$i]["html"];
				$cnt=0;
				for ($j=0;$j<strlen($str);$j++){
					if($str[$j]=="<"){$conv_sw=1;}
					if($str[$j]==">"){$conv_sw=0;}
					if($conv_sw==1){
						if($str[$j]==" "){
							$cnt=$cnt+1;
							if($cnt>1){
								$conv_str=$conv_str."\n".$temp.str_repeat($this->indentChar,$this->indentCount);
							}else{
								$conv_str=$conv_str.$str[$j];
							}
						}else{
							$conv_str=$conv_str.$str[$j];
						}
					}else{
						$conv_str=$conv_str.$str[$j];
					}
				}
				$list[$i]["n_html"]=str_replace("\n".$temp.str_repeat($this->indentChar,$this->indentCount)."/>"," />",$conv_str);
				$list[$i]["n_html"]=str_replace("\n".$temp.str_repeat($this->indentChar,$this->indentCount).">"," >",$list[$i]["n_html"]);
			}
		}
                //print_r($list);

//echo "<pre>";
    //print_r($list);
    //echo "</pre>";

//デバッグ情報を作成 $this->DebugTag
		$seq=0;$val=0;
        for($i=0;$i<count($list);$i++){
            if(strtolower($list[$i]["tag"])==$this->DebugTag){
                if(mb_strlen($list[$i]["n_html"])>120){
                    $str=htmlspecialchars(mb_substr($list[$i]["n_html"],1,120))."...";
                }else{
                    $str=htmlspecialchars($list[$i]["n_html"]);
                }

$seq=$seq+1;

if($list[$i]["startend"]=="start"){
                    $val=$val+1;
                }else{
                    $val=$val-1;
                }

$this->debugInfo = $this->debugInfo."　"
                .$seq." "
                ." ("
                .$val.")  "
                .$list[$i]["startend"]."Tag : "
                .$str
                ."<br>\n";

}else{
            }
        }

$this->debugInfo = $pc->pt_restore_org($this->debugInfo);

//次のタグが同一終了タグの場合、１行にまとめる
		$after="";
		for($i=0;$i<count($list);$i++){
		    if($this->Attribute=="1"){
			if($list[$i]["value"]==1){
				if($list[$i+1]["value"]==-1){
					if($list[$i]["tag"]==$list[$i+1]["tag"]){
						//改行文字を取り除く
						$str=str_replace("\r\n","",$list[$i]["n_html"]);
						$str=str_replace("\n","",$str);
						$list[$i]["n_html"]= $str;
						$str=str_replace("\r\n","",$list[$i+1]["n_html"]);
						$str=str_replace("\n","",$str);
						$str=trim($str);
						$list[$i+1]["n_html"]= $list[$i]["n_html"].$str;
						$i++;
					}
				}
			}
		    }
			//$temp=@str_repeat($this->indentChar,($list[$i]["level"]-1) * $this->indentCount) ;
			//$after= $after.$pc->pt_restore($this->hf_cssFormat($list[$i]["n_html"]),$temp)."\n";
			//$after= $after.$pc->pt_restore($list[$i]["n_html"],$temp)."\n";
			//$after= $after.$pc->pt_restore($list[$i]["n_html"],null)."\n";

$after= $after.$pc->pt_restore_org($list[$i]["n_html"])."\n";
		}

$after=substr($after,0,strlen($after)-1);
		$this->afterSize = strlen($after);
		$array=explode("\n",$after);
		$this->afterCount=sizeof($array);

return $after;
	}

}

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
  <head>
    <title>ＨＴＭＬ整形ツール（プチ・デバッグ機能付き）</title>
    <meta http-equiv="content-type" content="text/html; charset=EUC-JP">
    <meta http-equiv="X-UA-Compatible" content="IE=IE9" >
    <link rel="stylesheet" type="text/css" href="http://dp25299446.lolipop.jp/css/core.css">
    <link rel="stylesheet" type="text/css" href="http://dp25299446.lolipop.jp/css/coreLTR.css">
    <link rel="stylesheet" type="text/css" href="http://dp25299446.lolipop.jp/css/defaultTheme.css">
    <link rel="stylesheet" type="text/css" href="http://dp25299446.lolipop.jp/css/defaultThemeLTR.css">
    <link rel="stylesheet" type="text/css" href="http://dp25299446.lolipop.jp/css/xsp.css">
    <link rel="stylesheet" type="text/css" href="http://dp25299446.lolipop.jp/css/xspLTR.css">
    <link rel="stylesheet" type="text/css" href="http://dp25299446.lolipop.jp/css/xspIE78.css">
    <link rel="stylesheet" type="text/css" href="http://dp25299446.lolipop.jp/css/csscustom.css">
    <link rel="stylesheet" type="text/css" href="http://dp25299446.lolipop.jp/css/1UIclasses.css">
    <link rel="shortcut icon" href="http://www.u670.com/wp-content/themes/1024px/favicon.ico">
    <script src="src/ace.js" type="text/javascript" charset="utf-8"></script>
    <script src="src/theme-twilight.js" type="text/javascript" charset="utf-8"></script>
    <script src="src/mode-html.js" type="text/javascript" charset="utf-8"></script>
    <script language="JavaScript">
        <!--
	    var value;
	    var xmlHttp;
	    var buf;
	    var file;
	    var spchar;
	    var count; //テキストの行数
	    loadText();

function checkStatus() {
	        if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
	            buf = xmlHttp.responseText;
	            spchar = "\n";
	            file = buf.split(spchar);
	            count = file.length - 1;
	            mmset();
	        }
	    }

function mmoutput() {
	        target = document.getElementById("output");
	        var mmno = value + 1;
	        target.innerHTML = file[value] + '<div class="amazlet-powered-date" style="font-size:80%;margin-top:5px;line-height:120%">' + mmno + "/" + count + "</div><br><br>";
	    }

function mmset() {
	        value = Math.floor(Math.random() * count);
	        mmoutput();
	    }

function mmtop() {
	        value = 0;
	        mmoutput();
	    }

function mmdec() {
	        value = value - 1;
	        if (value == -1) {
	            value = value + count;
	        }
	        mmoutput();
	    }

function mmadd() {
	        value = value + 1;
	        if (value == count) {
	            value = value - count;
	        }
	        mmoutput();
	    }

function eraseTA(obj) {
	      if (obj.value == "ＨＴＭＬを貼り付けてください。"){ obj.value = ""; obj.style.backgroundColor = "#ffffdd";}
	    } // -->
    </script>
    <script language="JavaScript">
        <!--
	    var value2;
	    var xmlHttp2;
	    var buf2;
	    var file2;
	    var spchar2;
	    var count2; //テキストの行数
	    loadText2();

function checkStatus2() {
	        if (xmlHttp2.readyState == 4 && xmlHttp2.status == 200) {
	           buf2 = xmlHttp2.responseText;
	           spchar2="\n";
	           file2=buf2.split(spchar2);
	           count2=file2.length - 1;
	        }
	    }

function mmoutput2() {
	        target = document.getElementById("toparea");
	        target.innerHTML = file2[value2];
	    }

function mmset2() {
	        value2 = Math.floor(Math.random() * count2);
	        mmoutput2();
	    }
	    // -->
    </script>

<b>◆今、浦安が熱い！！<br><a href=http://www.se6.jp/ target="_blank">浦安のロックバー「Speake Eazy　No.6」</a><br><a href=http://69bar.seesaa.net/ target="_blank">オーナーのブログ</a><br><a href=http://www.urayasu-kousha.or.jp/wave101/event-dir/mwu2014/page2.html target="_blank">Music Wave Urayasu 3rd</a><br><a href="https://www.google.co.jp/maps/uv?hl=ja&pb=!1s0x6018878173381ead:0x111ee94d3bc29604!2m5!2m2!1i80!2i80!3m1!2i100!3m1!7e1!4shttps://plus.google.com/117760599318544752985/photos?hl%3Dja%26socfid%3Dweb:lu:kp:placepageimage%26socpid%3D1!5z5rWm5a6J44Ot44OD44Kv44OQ44O8IC0gR29vZ2xlIOaknOe0og&sa=X&ei=yKIFVMw6i7jyBeTFgcgH&ved=0CJ0BEKIqMAo" target="_blank"><img src="http://u.jimdo.com/www41/o/s9dffcd5a9ca78ff5/img/i5b5ba9b0fc5bd5d8/1356587298/std/%E7%9A%86%E6%A7%98%E3%81%AE%E3%81%94%E6%9D%A5%E5%BA%97%E3%81%8A%E5%BE%85%E3%81%A1%E3%81%97%E3%81%A1%E3%81%BE%E3%81%99.jpg"/></a>	        
                   <br><br>
                   <input type="button" value=" < " onclick="mmdec();" />
                   <input type="button" value=" > " onclick="mmadd();" />
                   <div id="output"><script language="JavaScript">mmset();</script></div>
                </td>
              </tr>
              <div style="padding: 0px 0px 0px 3px">Indent Type 
                <select name="IndentType">
                  <option value="3" 
                    <?php if($IndentType=="3"){echo "selected";}?>>Blank * 2 
                  </option>
                  <option value="1" 
                    <?php if($IndentType=="1"){echo "selected";}?>>Tab 
                  </option>
                  <option value="2" 
                    <?php if($IndentType=="2"){echo "selected";}?>>Blank * 1 
                  </option>
                  <option value="4" 
                    <?php if($IndentType=="4"){echo "selected";}?>>Blank * 4 
                  </option>
                </select>　属性改行
                <select name="Attribute">
                  <option value="1" 
                    <?php if($Attribute=="1"){echo "selected";}?>>オフ 
                  </option>
                  <option value="2" 
                    <?php if($Attribute=="2"){echo "selected";}?>>オン 
                  </option>
                </select>
                <?php
                			if(count($hf->tagList)<>0){
                				echo '<font color="#ff00cc">　Debug Tag</font>';
                				echo '              <select name="DebugTag">',"\n";
                				echo '              <option value=""';
                				if ($DebugTag==""){echo " selected ";}
                				echo ">"."</option>\n";
                				for($i=0;$i<count($hf->tagList);$i++){
                					echo '                <option value="'.$hf->tagList[$i].'"';
                					if ($DebugTag==$hf->tagList[$i]){echo " selected ";}
                					echo ">".$hf->tagList[$i]."</option>\n";
                				}
                				echo "              </select>\n";
                			}
                			?>
                <span class="lotusTextLabel">　◆お知らせ等は<a href=http://www.u670.com/category/html/ target="_blank"><b>こちら</b></a>をご覧ください。　◆旧バージョンは<a href=http://u670.com/pikamap/htmlseikei_20140214.php target="_blank"><b>こちら</b></a>です。
                </span>
              </form>
            </div>
          </table>
        </div>
      </div>
      <div class="lotusLegal" style="text-align:center">&nbsp; 
        <span class="lotusTextLabel">2007 (c) ohishi All Rights Reserved　｜　リンクは自由に張ってくださってOKです</span>
      </div>
    </div>
    <script>
          var editor = ace.edit("editor");
          editor.getSession().setMode("ace/mode/html").Mode;
          editor.setHighlightActiveLine(false);
        </script>
  </body>
</html>

Web版 テキストビューワー

Web版テキストビューワー