3

XFBMLを使用すると、次のようにログインボタンのテキストを変更することができました。

<fb:login-button>
    Custom login text
</fb:login-button>

ボタンのHTML5バージョンでも同様に可能です。

<div class="fb-login-button">
    Custom login text
</div>

問題は、SDKのロード後にレンダリングされるXFBMLとは異なり、HTML5バージョンはFB SDKが初期化される前でもブラウザーによってレンダリングされるため、以前のログインボタンの場所にプレーンな「カスタムログインテキスト」文字列が表示されることです。 SDKはそれを初期化し、Facebookのネイティブルックに変更します（FOUCのようなもの-スタイルなしコンテンツのフラッシュ）。

カスタムテキストを指定してこの問題を回避する方法はありますか？例えば。いくつかのデータパラメータ、またはテキストを動的に変更するJSの方法。

4

5 に答える 5

2

これまでのところ、私が見つけた唯一の方法は、カスタム ログイン テキストの色を背景と同じ色に設定することです。SDK がロードされると、Facebook は色を上書きします。

divに直接色を設定します。

これを行うためのより良い（ネイティブ）方法を見つけてください。

于 2012-07-08T22:51:29.570 に答える
0

これは改行にかかっている可能性があると思います。

Facebook JS SDK は

login_text:this.dom.textContent || this.dom.innerText

したがって、正しいものを選択する必要があります。

この例 (http://www.fbrell.com/saved/bc55c3f938a9008e1e514fbb97e81535) は、ログイン ボタンのカスタム テキストを取り込むようです。

于 2012-07-07T23:55:00.150 に答える
0

以前は Twitter ウィジェットでこれを行う必要がありました。基本的に、facebook が作成する IFrame を不透明度 0 に設定します。次に、カスタム ボタンをその「背後」に配置します。

于 2013-10-23T15:23:25.500 に答える