如何更改谷歌翻译在编码中选择语言文本
How to change google translator select language text in coding
我在我的网站上使用谷歌翻译,我想更改下拉菜单中的选择语言文本。有人建议这样做。这是我的密码;
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'ar', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
提前谢谢。
根据这个问题,您可以根据需要修改元素。
像这样:
<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en',
layout: google.translate.TranslateElement.InlineLayout.SIMPLE
}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<script>
$(document).ready(function(){
$('#google_translate_element').bind('DOMNodeInserted', function(event) {
$('.goog-te-menu-value span:first').html('Translate');
$('.goog-te-menu-frame.skiptranslate').load(function(){
setTimeout(function(){
$('.goog-te-menu-frame.skiptranslate').contents().find('.goog-te-menu2-item-selected .text').html('Translate');
}, 100);
});
});
});
</script>
http://output.jsbin.com/jucoba
我花了很多时间试图消除"RangeError: Maximum call stack size exceeded."
错误。这是我想出的解决方案。只需为yourContent
变量指定一个新值,就可以开始了。希望有人会觉得这很有帮助。
var targetElement = document.getElementById("google_translate_element");
var yourContent = "Your text or <br /> HTML element"
targetElement.addEventListener("DOMNodeInserted", () => {
$(".goog-te-menu-value span:first").each(function (i, obj) {
if (obj.childNodes[0] && obj.childNodes[0].textContent == "Select Language") {
$(obj).html(yourContent);
}
});
});
此外,如果你想添加图像而不是文本,你需要添加以下css来清理不必要的边框:
.goog-te-menu-value span:nth-child(3),
.goog-te-menu-value span:nth-child(5),
.goog-te-gadget-icon,
.goog-te-banner-frame.skiptranslate {
display:none !important;
}
div#google_translate_element div.goog-te-gadget-simple {
border: none;
background-color: transparent;
}
相关文章:
- keith wood日期选择器日期格式和语言
- 为现有Roslyn语言lexer/parser选择基于javascript的代码编辑器
- 选择以输出大小为优先级的编译到 JS 语言
- 如何更改谷歌翻译在编码中选择语言文本
- 为用户定义的热点选择平台/语言
- 带有带有引导程序的标志图标的语言选择器
- 如何创建语言选择下拉列表仅使用无序列表
- 使用下拉菜单选择不同的语言并翻译 RoR 3.2 Ruby 2.0
- 使用数据选择器和时刻处理不同语言的日期
- 根据浏览器语言更改语言选择文本
- 动态更改 Angular Bootstrap 日期选择器的语言
- 使用 Knockoutjs 根据用户的语言选择动态调整页面内容
- Node.js 不是文件上传(以及所有基于事件循环的语言)的好选择 - 这是真的
- eternicode日期选择器-动态更改语言
- 使用Javascript操作url在子文件夹中选择语言
- AngularJS下拉选择语言
- 无法在手机上的谷歌翻译插件上选择语言
- 选择语言绘制地图& &;用图标显示几个区域
- 根据国家选择选择语言
- 谷歌翻译:当选择语言时回调