Google翻訳とCKEditorの使い方は？

Question

Google AJAX Language APIを使用してプレーンテキストを翻訳するためのjavascriptコードを作成しました。今、私はCKEditorのインスタンスでテキストを翻訳したい、これを達成する方法は？

Answer 1

まず、Google AJAX Language APIの使用をおすすめしません.Google AJAX Language APIは12月の時点で廃止予定です。代わりにMicrosoft Translatorを使用することはできますが、APIはうまくいきません。

効果的に、あなたがする必要があるすべては、エディタからテキストを取得、それを翻訳し、に戻ってそれを固執ある

エディタからテキストを取得します。

異なるの束がありますこれを行う方法はありますが、次のものを使用できます。

CKEDITOR.instances.editor1.getData() 

ここで、editor1はエディタのIDです。

$('#editor1').val() 

がそれを翻訳し、バックでそれをスティック：あなたはjQueryのを使用している場合は、行うことができます。これは、Googleの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); 
      } 
     }); 
};