TinyMCE bir arka planı değiştirmek için nasıl?

8 Cevap php

Ben sadece benim web sitesi için TinyMCE editörünü yüklemek var. Ancak varsayılan arka plan siyah ve yazı rengi gri. Herkes nasıl siyah beyaz ve metin renk arka planı değiştirmek için bana söyleyebilir.

8 Cevap

TinyMCE muhtemelen web sitenizin ana stil kullanıyor. Ve bu durumda siyah bir arka plan üzerinde gri metinle birlikte.

Yapmanız gereken tek şey ana biçembente bu tarz bir eklenti:

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

Ve sonra sert saydam önbellek veya TinyMCE CSS taze kadar yük böylece oturumu yeniden başlatın. Ve sonra düzenleme alanı şimdi siyah metni gösterecek (#000) beyaz desteğinde (#fff).

Yoksa js kullanarak rengini değiştirebilirsiniz:

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

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

Ekle BODY_CLASS Bu gibi init için:

<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>

Doğru tema content.css içinde, sadece aşağıdaki girdiyi ekleyin:

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

Bu beden siyah ve editörü içinde metin beyaz yapacak

Ben kuvvetle yerine çekirdek css dosyaları ile işe yaramaz, TinyMCE stilleri etkilemek için TinyMCE yapılandırma kullanmanızı tavsiye ederiz.

Eğer varsayılan davranışı (css) üzerine yazılır bir ccs dosya belirlemenizi sağlar content_css ayar yoktur. Yani gitmek için yoludur. Sağlanan diğer cevaplardan css kullanabilirsiniz.

Tema biçembente aşağıdaki kodu ekleyerek mükemmel çalıştı!

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

Ben bu bir saçımı çekerek - ve inan bana, ben yedek herhangi bir saç yok. :-) Teşekkür ederiz!

http://wiki.moxiecode.com/index.php/TinyMCE%3AConfiguration/editor%5Fcss

Sitenizin yapılandırma özelliklerini bilmeden, ben bazı css dosyaları yüklemeye çalışıyor olduğunu tahmin gidiyorum. Yapılandırma Docs üzerinden bak. Sen (zaten bazı yükleniyor) bazı CSS eklemek veya değiştirmek gerekebilir.

Bir an önce aynı sorunu koştu ve deri (cirkuit) !important; Bu yazı üzerinde hack, çünkü benim sorun neden olduğunu buldu.

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

Sana content.min.css tema dizininde bulunan css dosyasını değiştirmek öneririm. Tanımını ve değiştirme

body{background-color:#595345;}

şey dilek için

etiketler