구글 번역 API ~ tistory 와 연동!!!

구글 번역 API 를 사용해서 간단한 플러그인을 만들어 보았습니다.

그냥 번역이 되는 것 밖에 없네요. ㅋㅋㅋ


운규누나가 믿지를 않는다.. 어떻하지...

더보기

관리자에서 HTML/CSS 편집으로 들어가서 skin.html 에 </body> 바로 윗부분에 아래 소스를 붙여넣습니다.

<br/> <!-- 구글 번역 플러그인 made by vicki --><br/><script src="http://www.google.com/jsapi"></script><br/><script><br/> google.load("prototype", "1.6.0.3");<br/> google.load("language", "1");<br/> google.setOnLoadCallback(function() {<br/> var translates = $$('*[srclang destlang]');<br/> for (var i=0; i<translates.length; i++) {<br/> var trans = translates[i];<br/> var fResult = function(target, result) {<br/> if (result.translation) {<br/> var resultLayer = target.cloneNode();<br/> resultLayer.innerHTML = result.translation;<br/> target.parentNode.insertBefore(resultLayer, target.nextSibling);<br/> }<br/> }.bind(null, trans);<br/> google.language.translate(trans.innerHTML, trans.srclang, trans.destlang, fResult);<br/> }<br/> });<br/></script><br/><!-- end of 구글 번역 플러그인 made by vicki --><br/>


실제로 사용할 때는... 아래와 같이 srclang 과 destlang 속성을 태그에 달아주시면 됩니다.

꼭 P 태그가 아니더라도 가능합니다.

srclang 과 destlang 의 값은 여기서 참고를...

여기


<br/> <P destlang="en" srclang="ko">구글 번역 API 를 사용해서 간단한 플러그인을 만들어 보았습니다.<br /><br/>그냥 번역이 되는 것 밖에 없네요. ㅋㅋㅋ <br /><br/><br /><br /><br/><br /></P><br/>


prototype 라이브러리와 구글 ajax 라이브러리들 이용해서 만들었습니다.