web-dev-qa-db-ja.com

TinyMCEの背景を変更するにはどうすればよいですか？

WebサイトにTinyMCEエディターをインストールしました。ただし、デフォルトの背景は黒で、テキストの色は灰色です。背景を白に、テキストの色を黒に変更する方法は誰でも教えてくれます。

phpjavascripttinymce
17
asedra_le

または、jsを使用して色を変更できます。

tinyMCE.init(
        mode : "textareas",
        theme : "simple",
        oninit : "postInitWork"
    });

function postInitWork()
{
  var editor = tinyMCE.getInstanceById('myEditorid');
  editor.getBody().style.backgroundColor = "#FFFF66";
}
14
S.P.

コアのcssファイルをいじる代わりに、tinymce構成を使用してtinymceのスタイルに影響を与えることを強くお勧めします。

content_css 設定があり、デフォルトの動作（css）を上書きするccsファイルを指定できます。それが進むべき道です。提供されている他の回答のcssを使用できます。

9
Thariama

追加 BODY_CLASSこのように初期化するには：

<script type="text/javascript">
tinyMCE.init({
    mode: "textareas",
    theme: "advanced",
    theme_advanced_buttons1: "bold,italic,underline",
    theme_advanced_buttons2 : "",
    theme_advanced_buttons3 : "",
    theme_advanced_toolbar_location : "top",
    theme_advanced_toolbar_align : "left",
    theme_advanced_statusbar_location : "bottom",
    theme_advanced_default_foreground_color: "#FFFFFF",
    body_class: "mceBlackBody"
});
</script>

正しいテーマのcontent.css内に、次のエントリを追加するだけです。

body.mceBlackBody {background:#000; color:#fff;}

これにより、エディター内の本文が黒になり、テキストが白になります

7
Johan

TinyMCEはおそらくあなたのウェブサイトのメインスタイルシートを使用しています。そしてこの場合、それは黒い背景に灰色のテキストであります。

あなたがする必要があるのはあなたのメインスタイルシートにこのスタイルを追加することです：

body.mceContentBody { 
   background: #fff; 
   color:#000;
}

次に、キャッシュをハードクリアするか、セッションを再開して、TinyMCEがCSSを新しくロードするようにします。そして、編集領域に黒いテキストが表示されます（#000）白い裏地に（#fff）。

4
random

次のコードをテーマスタイルシートに追加すると、完全に機能しました。

body.mceContentBody { 
   background: #fff; 
   color:#000;
}

私はこれで髪を引っ張っていました-そして私を信じてください、私には余裕のある髪がありません。 ：-） ありがとうございました！

2
Larry

少し前に同じ問題に遭遇し、私の問題はスキン（cirkuit）がこれを書くことを!important;ハックしたことが原因であることがわかりました。

html, body {
    background: #FFFFFF !important;
    margin: 0;
    padding: 0;
}
1
John Magnolia

http://wiki.moxiecode.com/index.php/TinyMCE:Configuration/editor_css

あなたのサイト構成の詳細を知らずに、私はそれがいくつかのcssファイルをロードしようとしていると推測します。構成ドキュメントを確認します。 CSSを追加または変更する必要がある場合があります（すでにいくつかをロードしている場合）。

1
Brandon Hansen

Cssファイルを変更することをお勧めしますcontent.min.cssテーマディレクトリにあります。の定義を変更する

body{background-color:#595345;}

あなたの願いに何でも

1
focusonweb.gr