現在、会社の Web サイト用に別のテキスト エディター システムでテストしています。テキスト エディター TextBox.io をダウンロードしたばかりですが、エディターを自分の Web サイトにうまく溶け込ませたいので、UI のカラー ツールバーを変更したいと考えています。誰か助けてくれませんか?
よろしく、
ぬりいん
現在、会社の Web サイト用に別のテキスト エディター システムでテストしています。テキスト エディター TextBox.io をダウンロードしたばかりですが、エディターを自分の Web サイトにうまく溶け込ませたいので、UI のカラー ツールバーを変更したいと考えています。誰か助けてくれませんか?
よろしく、
ぬりいん
最も簡単な解決策は、css を手動で変更することだと思います。したがって、ブラウザのインスペクタを使用して、スタイルを含む div を検索し、必要な色に強制します。
スタイルは次のようなものだと思います。
.ephox-polish-editor-container .ephox-chameleon-toolstrip {
background-color: yourcolor !important; // I am not sure if you will need !important
}
そして、影を変更したい場合:
.ephox-polish-editor-container .ephox-chameleon-toolbar:first-child {
box-shadow: inset 0 -.5em 1em yourcolor !important; // I am not sure if you will need !important
}
やりたいことによっては、さらに多くのスタイルを変更する必要があるかもしれませんが、色の変更方法を理解するのに役立つことを願っています.
Textbox.io のバージョン 2.0 には、UI の色を変更する方法がサポートされています。以前のリリースの色仕様を、いくつかの変数に大幅に簡素化しました。@miquelarranz からの回答のように、CSS をオーバーライドする必要はもうありません。