¿Cómo cambiar el fondo de TinyMCE?

Acabo de instalar el editor TinyMCE para mi sitio web. Pero el fondo predeterminado es negro y el color del texto es gris. Cualquiera me puede decir cómo cambiar el fondo a blanco y el color del texto a negro.¿Cómo cambiar el fondo de TinyMCE?

Fuente

2009-09-12 asedra_le

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

Sin conocer los detalles de la configuración del sitio, voy a suponer que se está tratando de cargar algunos archivos CSS. Mire a través de los documentos de configuración. Es posible que deba agregar o modificar algunos CSS (si ya está cargando algunos).

Fuente

2009-09-12 05:04:49

TinyMCE probablemente esté usando la hoja de estilo principal de su sitio web. Y en este caso es con texto gris sobre fondo negro.

Todo lo que necesita hacer es añadir este estilo para su hoja de estilo principal:

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

Y entonces difícil limpiar su caché o reiniciar la sesión para que TinyMCE se cargará la fresca CSS. Y luego su área de edición mostrará ahora texto negro (#000) en el respaldo blanco (#fff).

Fuente

2009-09-12 05:09:39 random

O puede cambiar el color usando JS:

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

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

Fuente

2010-04-27 08:17:48

añadiendo el siguiente código al tema de la hoja de estilo funcionó a la perfección!

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

estaba tirando de mi pelo en este caso - y créeme, no tengo ningún pelo de sobra. :-) ¡Gracias!

Fuente

2010-06-18 16:14:23 Larry

correcta, pero asegúrese de apagar la propiedad Imagen de fondo, que tenía un problema con la herencia de la imagen de fondo del cuerpo. Añada ** background-image: none; ** a .mceContentBody style. –

Hace un momento me encontré con el mismo problema y descubrí que mi problema se debía a que la piel (cirkuit) tenía !important; pirateo al escribir esto.

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

Fuente

2012-03-05 08:23:20

Le recomiendo que utilice la configuración tinymce para influir en estilos tinymce, en lugar de tocar el violín con archivos CSS básicos.

Existe la configuración content_css que le permite especificar un archivo ccs que sobrescribirá el comportamiento predeterminado (css). Ese es el camino a seguir. Puede usar el CSS de las otras respuestas proporcionadas.

Fuente

2012-03-05 10:27:38 Thariama

Esta es una muy buena respuesta al problema en cuestión. – jerrygarciuh

Añadir BODY_CLASS a init así:

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

Dentro del tema de content.css correcta, sólo tiene que añadir la siguiente entrada:

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

Esto hará que el cuerpo negro y el texto en blanco dentro de el editor

Fuente

2012-05-23 18:49:57 Johan

Le sugiero que cambie el archivo css content.min.css ubicado en su directorio de temas. Cambiar la definición de

body{background-color:#595345;}

a cualquier cosa que su deseo

Fuente

2014-03-01 16:38:06

¿Cómo cambiar el fondo de TinyMCE?

Respuesta

Cuestiones relacionadas