Javascript 翻译一个textarea的文本并将其存储在另一个textarea中(无API)

Javascript 翻译一个textarea的文本并将其存储在另一个textarea中(无API),javascript,html,google-apps-script,Javascript,Html,Google Apps Script,翻译 函数runTranslation(){ var data=document.getElementById(“textTrad”).value; var trad=LanguageApp.translate(数据'en','es'); document.getElementById(“翻译文本”).value=trad; } 我尝试使用LanguageApp index.html: 过程: 单击onclick,执行runTranslation 当translate功能(在code.gs中)


翻译
函数runTranslation(){
var data=document.getElementById(“textTrad”).value;
var trad=LanguageApp.translate(数据'en','es');
document.getElementById(“翻译文本”).value=trad;
}

我尝试使用
LanguageApp

index.html: 过程:
  • 单击
    onclick
    ,执行
    runTranslation
  • translate
    功能(在code.gs中)正常运行时,继续执行
    onSuccess
  • 传递转换后的数据,将其分配给另一个元素
输出:

参考:

浏览器中没有本地的人类语言翻译器,如果这是您想要的。如果你把API加载到页面上,也许你可以让它正常工作?LanguageApp只适用于GoogleApps。使用翻译api@Teemu我知道只有LanguageApp.translate函数可以翻译,但我想它只能在.gs中工作,在HMTL中不工作?这是可能的。请花点时间阅读指南。如果您在阅读并试图实现其描述后有疑问,请更新/发布新问题。
<!DOCTYPE html>
<html>

  <head>
    <title>Test Page</title>
  </head>

  <script type="text/javascript">
    function runTranslation() {
      google.script.run.withSuccessHandler(onSuccess).translate(document.getElementById('textetrad').value);
    }

    function onSuccess(data) {
      document.getElementById('translated-text').value = data;
    }
  </script>

  <body>
    <textarea id="textetrad" rows="5"></textarea>
    <textarea id="translated-text" rows="5"></textarea>
    <button id="run-translation" onclick="runTranslation();">Translate</button>
  </body>

</html>
function doGet() {
  return HtmlService.createHtmlOutputFromFile('index');
}

function translate(textValue){
  // automatically identify the language, then translate to spanish
  return LanguageApp.translate(textValue, '', 'es');
}