2

ワード クラウドを作成しましたが、Web ページに翻訳機能を追加したいと考えています。私のワード クラウドは、色やフォント サイズが異なる多くの単語のように表示されます。私のシステムは、テキストを分析してワード クラウド ワードを生成し、それらをエコー出力するようなものです。

スクリーンショット 私は Google 翻訳を使用しましたが、結果は次のよう ここに画像の説明を入力 になります。どうすればこの問題を解決できますか。

ありがとうございました

4

1 に答える 1

1

ウェブサイトのGoogle翻訳はどうですか?

精度レベルについてはわかりません。しかし、世界で最も人気のある言語でウェブサイトを投影したい場合は、これを試してみてください. Google 翻訳者は JS で動作します。そのためには、以下のようにいくつかの JS コードを追加する必要があります。

<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'en',
    layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
    autoDisplay: false,
    includedLanguages: 'en,af,sq,ar,hy,az,eu,be,bg,ca,zh-CN,zh-TW,hr,cs,da,nl,et,tl,fi,fr,gl,ka,de,el,ht,iw,hi,hu,is,id,ga,it,ja,ko,lv,lt,mk,ms,mt,no,fa,pl,pt,ro,ru,sr,sk,sl,es,sw,sv,th,tr,uk,ur,vi,cy,yi,'
  }, 'google_translate_element');
}
</script>
<script type="text/javascript" src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

注: 「includedLanguages」(短縮形を含む) を変更することで、言語をカスタマイズできます。

上記のコードを使用すると、Google はあなたのウェブサイトに小さなヘッダーを配置し、見栄えが悪くなります。そのため、そのヘッダーを削除して Web サイトをそのままにするための簡単な CSS Hack を作成しました。そのために、次の css をコードに追加します。

<style type='text/css'>
    #goog-gt-tt {display:none !important;}
    .goog-te-banner-frame {display:none !important;}
    .goog-te-gadget-icon {background-image:url(http://joomla-gtranslate.googlecode.com/svn/trunk/gt_logo_19x19.gif) !important;background-position:0 0 !important;}
    .goog-te-menu-value:hover {text-decoration:none !important;}
</style>

それがあなたを助けることを願っています.. :)

于 2013-10-21T19:29:36.990 に答える