반응형
Cloud Translation은 복잡하게 API를 신청하고 프로젝트 생성하고 결제 계정도 만들어야하고 뭔가 전문적이다.
그 정도까지가 아닌 간단한 번역기를 원한다면 아래와 같은 소스를 추가하자
언어셋은 추가 가능하니 찾아서 추가하자
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
안녕하세요
<!-- Google 번역 -->
<div id="google_translate_element" class="hd_lang"></div>
<script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'ko',
includedLanguages: 'ko,zh-CN,zh-TW,ja,vi,th,tl,km,my,mn,ru,en,fr,ar',
//layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
autoDisplay: false
}, 'google_translate_element');
}
</script>
<script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<!-- //Google 번역 -->
</body>
</html>반응형
'Frontend > Javascript' 카테고리의 다른 글
| HTML5 + HLS JS를 이용한 실시간 스트리밍 영상 재생하기 (4) | 2020.12.10 |
|---|---|
| Form 태그 동적으로 만들어서 POST 전송 (Vanilla JS, jQuery) (0) | 2020.12.08 |
| 실시간 콤마 (0) | 2020.11.17 |
| 정규식 모음 (0) | 2020.11.06 |
| 두 날짜 일수 계산 & 주말 제외 일수 계산 (0) | 2020.08.04 |
