gpt4 book ai didi

javascript - 谷歌音译在 tinymce 编辑器中不起作用

转载 作者:行者123 更新时间:2023-11-30 16:52:16 27 4
gpt4 key购买 nike

我试图将 google 音译 集成到编辑器为 tinymce 的项目中。我的文本区域:

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

我关注了this tutorial用于集成 google transliterate 并将我的文本区域的 id to_be_translated 提供给以下行

control.makeTransliteratable(['to_be_translated'])

并使用以下代码为上述文本区域实现 Tinymce。

<script src="http://tinymce.cachefly.net/4.0/tinymce.min.js"></script>
<script type="text/javascript">
tinymce.init({
selector: "textarea",
plugins: [
"advlist autolink lists link image charmap print preview anchor",
"searchreplace visualblocks code fullscreen",
"insertdatetime media table contextmenu paste"
],
toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"
});
</script>

当页面加载时,只有 Tinymce 起作用,但音译不起作用。我找不到背后的原因。有人可以建议解决问题的方法吗?

最佳答案

如果您在使用 Tinymce 时尝试将您的 textarea's id 提供给 google transliterate 的代码,则会出现此问题。如果你给你的 textarea's id 没有调用 Tinymce 来修改你的 textarea 是没有问题的。但是当你使用 Tinymce 时,它​​会修改你的代码并像这样隐藏你的文本区域,

<textarea id="to_be_translated" style="width: 100%; display: none;" aria-hidden="true"></textarea>

因此您将无法使用文本区域的 ID 进行音译。

解决方案

如果您尝试检查 tinymce 的编辑器窗口,您将看到一个如下所示的 iframe,其 id 与您的文本区域的 id 相似,但附加了 _ifr

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

现在,如果您尝试像这样修改您的 google 音译代码,

control.makeTransliteratable(['to_be_translated_ifr'])

google transliterate 将开始与 Tinymce 一起工作。因此,简而言之,Tinymce 将隐藏您的文本区域并使用一个 iframe,其 id 与您的文本区域相同,但附加了 _ifr。
为了在使用 Tinymce 编辑器时使 google 音译正常工作,您必须将 iframe 的 id 而不是文本区域的 id 提供给音译代码。

关于javascript - 谷歌音译在 tinymce 编辑器中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30343935/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com