Google 번역을 사용하여 HtmlEditorExtender에 대한 번역이 작동하지 않습니다.

Question

Google 번역 Javascript를 사용하여 영어를 구자라트 어로 번역하기 위해 ajaxtoolkit HtmlEditorExtender (서식있는 텍스트 상자)와 함께 텍스트 상자를 사용했습니다. 그것은 텍스트 상자에 대해서만 잘 작동하지만 HtmlEditorExtender (서식있는 텍스트 상자)를 사용하면 작동하지 않습니다.

다음은 내가 사용한 자바 스크립트입니다.

<script type="text/javascript" src="https://www.google.com/jsapi"></script> 
    <script type="text/javascript"> 
     google.load("elements", "1", { 
      packages: "transliteration" 
     }); 
     function onLoad() { 
      var options = { 
       sourceLanguage: 
       google.elements.transliteration.LanguageCode.ENGLISH, 
       destinationLanguage: 
       google.elements.transliteration.LanguageCode.GUJARATI, 

       shortcutKey: 'ctrl+g', 
       transliterationEnabled: true 
      }; 
      var control = 
      new google.elements.transliteration.TransliterationControl(options); 
      control.makeTransliteratable(['<%=TextBox1.ClientID%>']); 
     } 
     google.setOnLoadCallback(onLoad); 

     var finalString = ""; 
     function Changed(textControl) { 

      var _txtUnicodeName = document.getElementById('<%=TextBox1.ClientID%>'); 

      var _EnteredString = _txtUnicodeName.value; 
     } 
    </script> 

    <asp:UpdatePanel ID="Activistupdatepanel" runat="server"> 
        <ContentTemplate> 
         <div> 
          <asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" /> 
          <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
        <ajaxtoolkit:HtmlEditorExtender ID="htmlEditorExtender1" TargetControlID="TextBox1" 
         runat="server" EnableSanitization="False" Enabled="True"> 
        </ajaxtoolkit:HtmlEditorExtender> 
         </div> 
        </ContentTemplate> 
       </asp:UpdatePanel> 

Answer 1

숨겨진 TextBox를 사용하면 안되기 때문에 작동하지 않습니다. 대신 HtmlEditorExtender의 편집기 div를 사용해야합니다. 이 시도 :

 function onLoad() { 
     document.getElementById('<%=htmlEditorExtender1.ClientID%>_ExtenderContentEditable').setAttribute("contentEditable", "true"); //*** added this 
     var options = { 
      sourceLanguage: 
      google.elements.transliteration.LanguageCode.ENGLISH, 
      destinationLanguage: 
      google.elements.transliteration.LanguageCode.GUJARATI, 

      shortcutKey: 'ctrl+g', 
      transliterationEnabled: true 
     }; 
     var control = 
     new google.elements.transliteration.TransliterationControl(options); 
     control.makeTransliteratable(['<%=htmlEditorExtender1.ClientID%>_ExtenderContentEditable']); //**** changed this 
    } 
    google.setOnLoadCallback(onLoad); 

기본적으로, 사업부를 사용하는 official document에 따르면 <%=htmlEditorExtender1.ClientID%>_ExtenderContentEditable

입니다 HtmlEditorExtender의 에디터 DIV, 만 변경된 텍스트 상자는 contentEditable=true 속성이 필요합니다. onLoad() 아래의 첫 번째 줄은 해당 맞춤 속성을 div에 추가합니다.

.makeTransliteratable(elementIds, opt_options) enables transliteration on the supplied HTML element(s). Parameters for this method are: 

elementIds is an array containing strings of editable element IDs or element references for which you wish to enable transliteration. An editable element can be: 
A text field 
A text area 
**A div with contentEditable="true"** 
An iframe with designMode="on" 
An iFrame with contentEditable="true" body. Make sure the iFrame is loaded before enabling transliteration.

이것은 나를 위해 일했습니다.이 작품을 구하는 데 어려움이 있으면 알려주십시오.