기본 팝업창 스타일 수정. (#1075)

# 기본 팝업창 스타일 수정.

- 바뀐 관리자 페이지 스타일과 통일성 유지.
 - 임시 저장 글 불러오는 팝업 창 스타일 조정
- 팝업창 크기 계산 함수 조정
 - 폭을 먼저 확정한 다음 높이를 계산하도록 순서 조정
 - 위젯 수정 페이지 팝업 창 크기 계산 수정
 - 창 너비를 자유롭게 바꿀 수 있기 때문에, `.popup` 클래스를 가진 객체의 가로 폭을 자바스크립트가 강제로 변경하지 않도록 수정. (초기 가로 폭은 정확히 계산하여서 기존과 동일하게 맞춤)
- 라이믹스 문법에 맞춤
 - `jQuery` 를 `$` 로 쓸 수 있으므로 생략 가능한 구문 수정

modules/editor/components/emoticon/emoticon.class.php

@@ -32,7 +32,7 @@ class emoticon extends EditorHandler
 
 		$list = $this->getEmoticons($emoticon);
 
-		$this->add('emoticons', implode("\n",$list));
+		$this->add('emoticons', $list);
 	}
 
 	/**
@@ -47,7 +47,11 @@ class emoticon extends EditorHandler
 		while($file = $oDir->read())
 		{
 			if(substr($file,0,1)=='.') continue;
-			if(preg_match('/\.(jpg|jpeg|gif|png)$/i',$file)) $output[] = sprintf("%s/%s", $path, str_replace($this->emoticon_path,'',$file));
+			if(preg_match('/\.(jpg|jpeg|gif|png)$/i',$file)) {
+				$filename = sprintf("%s/%s", $path, str_replace($this->emoticon_path,'',$file));
+				list($width, $height, $type, $attr) = getimagesize($emoticon_path . '/'. $file);
+				$output[] = array('filename' => $filename, 'width' => $width, 'height' => $height);
+			}
 		}
 		$oDir->close();
 		if(count($output)) asort($output);
@@ -88,6 +92,8 @@ class emoticon extends EditorHandler
 	{
 		$src = $xml_obj->attrs->src;
 		$alt = $xml_obj->attrs->alt;
+		$width = intval($xml_obj->attrs->width);
+		$height = intval($xml_obj->attrs->height);
 
 		if(!$alt)
 		{
@@ -103,7 +109,12 @@ class emoticon extends EditorHandler
 
 		if($alt)
 		{
-			$attr_output[] = "alt=\"".$alt."\"";
+			$attr_output[] = "alt=\"".htmlspecialchars($alt)."\"";
+		}
+
+		if($width && $height)
+		{
+			$attr_output[] = "width=\"".$width."\" height=\"".$height."\"";
 		}
 
 		$code = sprintf("<img %s style=\"border:0px\" />", implode(" ",$attr_output));