5

マルチテキストボックス、クリックして編集するタイプのグラフィカルコンテンツエディターを作成する際に、TinyMCE を使用しようとしています。TinyMCE を追加して削除したり、配置やサイズを変更したり、クリックして編集したりできるようになりましたが、気になることが 1 つあります。それはツールバーです。

「保存して閉じる」ボタンやその他のツールボタンとともに、ページの下端に沿って配置しようとしている外部ツールバーがあります。外部ツールバーは、TinyMCE によって DIV 内の class で作成され"mceExternalToolbar"ます。ページのスタイルシートで属性とposition: fixed属性を設定しようとしましたが、役に立ちませんでした.TinyMCEは、DIVを作成するときに設定します.left:top:position: absolutetop: -28px

プロジェクトの制限により、TinyMCE のソース コードを変更することはできませんが、CSS ファイルを追加して補足することはできます。

ツールバーを適切に配置するために、誰かが私を正しい方向に向けることができますか?

4

1 に答える 1

9

提供されたスタイルシートの CSS セレクターは、作成中のセレクターをオーバーライドしています。あなたがする必要があるのは、より具体的なセレクターでツールバー要素をターゲットにすることです:

body div.mceExternalToolbar {
    position: fixed ;
    top: -28px ;
};

または、!importantディレクティブを使用してオーバーライドします。

.mceExternalToolbar {
    position: fixed !important ;
    top: -28px !important ;
}

セレクターの特異性と の詳細については、W3C のドキュメント!importantを参照してください。

于 2009-04-06T22:11:15.310 に答える