如何使用CKEditor进行Google翻译？

Question

我已成功创建JavaScript代码，以使用Google AJAX Language API翻译纯文本。现在我想在CKEditor的一个实例中转换文本，怎么做到这一点？

Answer 1

首先，我不会推荐使用Google AJAX语言API，因为它从十二月份开始不推荐使用。您可以改用Microsoft Translator，尽管API不太好。

实际上，所有你需要做的就是从编辑文本，翻译它，并坚持它放回

获取从编辑文本：

有一堆不同方法来做到这一点，但你可以使用：

CKEDITOR.instances.editor1.getData() 

其中editor1是你的编辑器的ID。如果你正在使用jQuery，你可以这样做：

$('#editor1').val() 

翻译它，并坚持它放回：

这是因为调用谷歌API一样简单，并且在回调设置编辑的内容：

google.language.translate(textToTranslate, translateFrom, translateTo, function(response) { 
      if (response.translation) { 
       CKEDITOR.instances.editor1.setData(response.translation); 
      } 
     }); 

或使用jQuery：

google.language.translate(textToTranslate, translateFrom, translateTo, function(response) { 
      if (response.translation) { 
       $('#editor1').val(response.translation); 
      } 
     }); 

把它放在一起变成一个功能

var translate = function(editor, translateFrom, translateTo) { 
    var textToTranslate = editor.getData(); 

    google.language.translate(textToTranslate, translateFrom, translateTo, function(response) { 
      if (response.translation) { 
       editor.setData(response.translation); 
      } 
     }); 
};