모바일이나 HTML5 를 잘 지원하는 환경에서 에디터 컴포넌트 사용 개선

- 폭이 좁은 화면에서도 기본 에디터 컴포넌트를 편하게 사용할 수 있게 개선
- 컬러피커가 내장된 HTML5 지원 브라우저에서는 내장된 컬러피커를 이용하도록 개선(type=color 인 경우)
- input type=number, type=url 등을 지원하는 브라우저에서 조금 더 편리하게 컴포넌트 항목을 다루도록 수정
- 갤러리 컴포넌트가 확장자 대문자인 경우 이미지를 표시하지 못하던 문제 수정.

modules/editor/components/emoticon/tpl/popup.css

@@ -1,5 +1,8 @@
-@charset "utf-8";
-@import url(../../../../../modules/admin/tpl/css/admin.css);
-@import url(../../../../../common/css/bootstrap.min.css);
+@charset "UTF-8";
 img.emoticon{ margin:10px 10px 0 0; cursor:pointer}
 #emoticons{padding:0 10px 20px 10px}
+
+/* for mobile view */
+div.xe_mobile {
+	display:none!important;
+}

modules/editor/components/emoticon/tpl/popup.html

@@ -1,7 +1,8 @@
 <load target="popup.js" />
 <load target="popup.css" />
+{@Context::addMetaTag('viewport', 'width=device-width', FALSE);}
 <section class="section">
-	<h1>{$component_info->title} ver. {$component_info->version}</h1>
+	<h1>{$component_info->title}</h1>
 	<div class="x_clearfix">
 		<div class="x_pull-right">
 			<select name="list" id="selectEmoticonList">

modules/editor/components/emoticon/tpl/popup.min.js

@@ -1 +0,0 @@
-jQuery(function(e){function o(e){var o={component:"emoticon",emoticon:e,method:"getEmoticonList"},t="error message emoticons".split(" ");exec_xml("editor","procEditorCall",o,i,t)}function i(e){for(var o=e.emoticons.split("\n"),i=[],n=0;n<o.length;n++)i[i.length]='<img src="./modules/editor/components/emoticon/tpl/images/'+o[n]+'" class="emoticon" />';jQuery("#emoticons").html(i.join("")).find("img.emoticon").click(t).load(function(){if(jQuery("section.section").outerHeight(!0)!=jQuery(window).height()){var e=jQuery("section.section").outerHeight(!0)>jQuery(window).height()?jQuery("section.section").outerWidth(!0)+60:jQuery("section.section").outerWidth(!0)+30,o=screen.height-100<jQuery("section.section").outerHeight(!0)+100?screen.height-100:jQuery("section.section").outerHeight(!0)+100;window.resizeTo(e,o)}})}function t(){var e,o=n?opener:window;if(o)return e='<img src="'+this.src+'" class="emoticon" />',o.editorFocus(o.editorPrevSrl),o.editorRelKeys[o.editorPrevSrl].pasteHTML(e),n&&window.focus(),!1}var n=window._isPoped;o("msn"),e("#selectEmoticonList").change(function(){o(this.value)})});