Javascript 谷歌音译无法在tinymce编辑器中工作

Javascript 谷歌音译无法在tinymce编辑器中工作,javascript,tinymce,transliteration,Javascript,Tinymce,Transliteration,我试图将谷歌音译集成到一个项目中,该项目的编辑器是tinymce。我的文本区域: <textarea id="to_be_translated" style="width:100%"></textarea> 当页面加载时,只有Tinymce起作用,但音译不起作用。我找不到背后的原因。有人能提出解决这个问题的方法吗 如果您在使用Tinymce时试图将文本区域的id提供给google音译代码,则会出现此问题。如果您在不调用Tinymce修改textarea的情况下提供文本区

我试图将谷歌音译集成到一个项目中,该项目的编辑器是tinymce。我的文本区域

<textarea id="to_be_translated" style="width:100%"></textarea>

当页面加载时,只有Tinymce起作用,但音译不起作用。我找不到背后的原因。有人能提出解决这个问题的方法吗

如果您在使用Tinymce时试图将文本区域的id提供给google音译代码,则会出现此问题。如果您在不调用Tinymce修改textarea的情况下提供文本区域的id,则没有问题。但是当你使用Tinymce时,它会修改你的代码并隐藏你的文本区域

<textarea id="to_be_translated" style="width: 100%; display: none;" aria-hidden="true"></textarea>
现在如果你想修改你的谷歌音译代码

<textarea id="to_be_translated" style="width: 100%; display: none;" aria-hidden="true"></textarea>
control.MakeTransable(['to\u be\u translated\u ifr']))

谷歌音译将开始与Tinymce合作。因此,简而言之,Tinymce将隐藏您的textarea并使用一个iframe,其id与您的textarea类似,但附加了_ifr。
为了在使用Tinymce编辑器时让google音译正常工作,您必须为音译代码提供iframe的id,而不是textarea的id。

<iframe id="to_be_translated_ifr" style="width: 100%; height: 100px; display: block;"></iframe>