Improve emoticon component to contain information of icons (#1078)

# Fix emoticon component to contain information of icons

- 이모티콘 컴포넌트의 이모티콘에 정보를 담을 수 있게 수정.
- 라이선스 정보도 담을 수 있고, 제작자 정보도 담길 수 있음.
- 정보를 담는 양식은 일반적인 skin.xml 형식을 그대로 따름.

# 이모티콘 컴포넌트 키보드 접근성 개선

- 키보드로 이모티콘 선택, 입력이 가능해짐.

# 사용권이 불분명한 msn 이모티콘 제거

- 기본 이모티콘이었던 msn 이모티콘의 사용권 문제가 불명확 했음.
- 기본 이모티콘을 트위터가 배포하는 트위모지로 변경.

# 이모티콘 SVG 지원

- 기본은 래스터 이미지. 같은 이름의 SVG 파일이 ./svg 디렉토리에 있으면 SVG를 지원하는 브라우저에서 반영됨.

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

@@ -48,9 +48,15 @@ class emoticon extends EditorHandler
 		{
 			if(substr($file,0,1)=='.') continue;
 			if(preg_match('/\.(jpg|jpeg|gif|png)$/i',$file)) {
+				$svg = null;
 				$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);
+				
+				if(file_exists (($emoticon_path . '/svg/'. substr($file, 0, -4) . '.svg'))) {
+					$svg = sprintf("%s/svg/%s", $path, str_replace($this->emoticon_path,'',substr($file, 0, -4) . '.svg'));
+				}
+				
+				$output[] = array('filename' => $filename, 'width' => $width, 'height' => $height, 'svg' => $svg, 'alt' => substr($file, 0, -4));
 			}
 		}
 		$oDir->close();
@@ -70,7 +76,11 @@ class emoticon extends EditorHandler
 		{
 			foreach($emoticon_dirs as $emoticon)
 			{
-				if(preg_match("/^([a-z0-9\_]+)$/i", $emoticon)) $emoticon_list[] = $emoticon;
+				if(preg_match("/^([a-z0-9\_]+)$/i", $emoticon)) {
+					$oModuleModel = getModel('module');
+					$skin_info = $oModuleModel->loadSkinInfo($this->component_path, $emoticon, 'tpl/images');
+					$emoticon_list[$emoticon] = (is_object($skin_info) && $skin_info->title) ? $skin_info->title : $emoticon;
+				}
 			}
 		}
 		Context::set('emoticon_list', $emoticon_list);

modules/editor/components/emoticon/info.xml

@@ -1,35 +1,46 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <component version="0.2">
-    <title xml:lang="ko">이모티콘 출력</title>
-    <title xml:lang="jp">顔文字（イモティコン）</title>
-    <title xml:lang="zh-CN">表情图标</title>
-    <title xml:lang="en">Display Emoticons</title>
-    <title xml:lang="vi">Diễn tả cảm xúc</title>
-    <title xml:lang="es">Mostrar iconos gestuales</title>
-    <title xml:lang="ru">Отображение смайлов</title>
-    <title xml:lang="zh-TW">表情符號</title>
-    <title xml:lang="tr">His Simgeleri Gösterimi</title>
-    <description xml:lang="ko">이모티콘을 에디터에 삽입할 수 있습니다.</description>
-    <description xml:lang="jp">顔文字（イモティコン）をエディターに追加することが出来ます。</description>
-    <description xml:lang="zh-CN">可以插入表情图标到编辑器。</description>
-    <description xml:lang="en">You may insert emoticons to editor.</description>
-    <description xml:lang="vi">Bạn có thể chèn biểu tượng cảm xúc vào bài viết.</description>
-    <description xml:lang="es">Usted puede insertar emoticonos para el editor.</description>
-    <description xml:lang="ru">Вы можете вставить смыйлы в редактор.</description>
-    <description xml:lang="zh-TW">可插入表情符號到編輯器。</description>
-    <description xml:lang="tr">Editöre his simgeleri ekleyebilirsiniz.</description>
-    <version>1.7</version>
-    <date>2013-11-27</date>
+	<title xml:lang="ko">이모티콘 출력</title>
+	<title xml:lang="jp">顔文字（イモティコン）</title>
+	<title xml:lang="zh-CN">表情图标</title>
+	<title xml:lang="en">Display Emoticons</title>
+	<title xml:lang="vi">Diễn tả cảm xúc</title>
+	<title xml:lang="es">Mostrar iconos gestuales</title>
+	<title xml:lang="ru">Отображение смайлов</title>
+	<title xml:lang="zh-TW">表情符號</title>
+	<title xml:lang="tr">His Simgeleri Gösterimi</title>
+	<description xml:lang="ko">이모티콘을 에디터에 삽입할 수 있습니다.</description>
+	<description xml:lang="jp">顔文字（イモティコン）をエディターに追加することが出来ます。</description>
+	<description xml:lang="zh-CN">可以插入表情图标到编辑器。</description>
+	<description xml:lang="en">You may insert emoticons to editor.</description>
+	<description xml:lang="vi">Bạn có thể chèn biểu tượng cảm xúc vào bài viết.</description>
+	<description xml:lang="es">Usted puede insertar emoticonos para el editor.</description>
+	<description xml:lang="ru">Вы можете вставить смыйлы в редактор.</description>
+	<description xml:lang="zh-TW">可插入表情符號到編輯器。</description>
+	<description xml:lang="tr">Editöre his simgeleri ekleyebilirsiniz.</description>
+	<version>1.9</version>
+	<date>2018-08-19</date>
 
-    <author email_address="developers@xpressengine.com" link="http://xpressengine.com/">
-        <name xml:lang="ko">NAVER</name>
-        <name xml:lang="vi">NAVER</name>
-        <name xml:lang="jp">NAVER</name>
-        <name xml:lang="zh-CN">NAVER</name>
-        <name xml:lang="en">NAVER</name>
-        <name xml:lang="es">NAVER</name>
-        <name xml:lang="ru">NAVER</name>
-        <name xml:lang="zh-TW">NAVER</name>
-        <name xml:lang="tr">NAVER</name>
-    </author>
+	<author email_address="devops@rhymix.org" link="https://github.com/rhymix/rhymix/graphs/contributors">
+		<name xml:lang="ko">Rhymix contributors</name>
+		<name xml:lang="vi">Rhymix contributors</name>
+		<name xml:lang="jp">Rhymix contributors</name>
+		<name xml:lang="zh-CN">Rhymix contributors</name>
+		<name xml:lang="en">Rhymix contributors</name>
+		<name xml:lang="es">Rhymix contributors</name>
+		<name xml:lang="ru">Rhymix contributors</name>
+		<name xml:lang="zh-TW">Rhymix contributors</name>
+		<name xml:lang="tr">Rhymix contributors</name>
+	</author>
+	<author email_address="developers@xpressengine.com" link="https://www.xpressengine.com/">
+		<name xml:lang="ko">NAVER</name>
+		<name xml:lang="vi">NAVER</name>
+		<name xml:lang="jp">NAVER</name>
+		<name xml:lang="zh-CN">NAVER</name>
+		<name xml:lang="en">NAVER</name>
+		<name xml:lang="es">NAVER</name>
+		<name xml:lang="ru">NAVER</name>
+		<name xml:lang="zh-TW">NAVER</name>
+		<name xml:lang="tr">NAVER</name>
+	</author>
 </component>