Estilos en línea no deseados agregados a tablas

Un usuario preguntó 👇

La última versión de este plugin (4.7.11 está agregando estilos en línea a las tablas agregadas al Editor visual) (como también se describe aquí: https://wordpress.org/support/topic/table-formatting-6 /)

Por ejemplo, una tabla de dos columnas agrega el siguiente código:

<table style="border-collapse: collapse; width: 100%;" border="1">
<tbody>
<tr>
<td style="width: 50%;"></td>
<td style="width: 50%;"></td>

srl…

Este es un gran problema para mí, ya que creé estilos personalizados para diferentes tipos de pantallas de tabla para mi cliente, pero ahora los estilos en línea están anulando la mayoría de este CSS personalizado.

¿Cómo puedo cambiar este comportamiento? La única solución que tengo ahora es entrar y eliminar la tabla y los estilos td manualmente, pero esto es tedioso para mí y crea problemas para mi cliente que no domina el trabajo con el código.

Todo lo que quiero es poder agregar una tabla limpia sin estilos para poder controlar el estilo a través de CSS. Por ejemplo, no siempre quise que mi tabla tuviera un ancho del 100% o que tuviera un límite o que mis celdas tuvieran el mismo ancho, pero ahora ya no tengo control sobre estas cosas con CSS. 🙁

¡Espero que alguien pueda ayudar!

(@ tomas-eklund)

Hace 2 años, 6 meses

Estoy de acuerdo. Esto es muy molesto. Traté de editar el HTML sin procesar, eliminando todos los anchos del 50% que se ingresaron automáticamente en los TD, pero de alguna manera los anchos se devolvieron inmediatamente, aunque esta vez se usaron bytes de píxeles fijos. ¡Puro diablo!

Otros usuarios también tienen este problema.
https://wordpress.stackexchange.com/questions/239868/disable-tinymce-table-formatting-width-height

(@detroitwidget)

Hace 2 años, 5 meses

Estoy totalmente de acuerdo. La razón principal por la que instalé este plugin fue la capacidad de agregar tablas de manera fácil y limpia. Ahora necesito enseñar a más de 20 usuarios cómo eliminar estilos en línea. Es un desastre. Deje de «mejorar» las cosas.

(@dave_s)

Hace 2 años, 5 meses

También ocurre con la última versión del plugin «MCE Table Buttons». Según las notas de la versión, TinyMCE se ha actualizado de 4.1.xa 4.7.11. Quizás eso es lo que está causando el problema.

(@jansudek)

Hace 2 años, 5 meses

para insertar una tabla limpia (como esta):

<table>
<tbody>
<tr>
<td></td>

adjuntar código PHP a functions.php (en el tema):

function tinymce_fix_table_styles() {	
  echo '<script>jQuery(function($){
    if (typeof tinymce !== "undefined") {
      tinymce.overrideDefaults({
        table_default_attributes:{},
        table_default_styles:{}
      });
    }
  });</script>';
}
add_action('admin_footer', 'tinymce_fix_table_styles');

tan otro valores predeterminados del plugin de tabla tinymce 😉

Esta respuesta fue modificada hace 2 años, 5 meses. Esta respuesta fue modificada hace 2 años, 5 meses.

(@ terry-atkinson)

Hace 2 años, 5 meses

Gracias por el codigo. Lo agregué a mi archivo functions.php y parece haber funcionado. De hecho, uso el plugin MCE Table Button, por lo que parece ser compatible con ese plugin.

(@ reinhold667)

Hace 2 años, 5 meses

Meh, esperaba que la nueva versión arreglara esta mierda pero no llenara la misma mierda.

Vuelva a utilizar una versión anterior. Meh. ¿Qué diablos están pensando los desarrolladores?

(@azaozz)

Hace 2 años, 5 meses

Esto parece ser un cambio ascendente (en el proyecto del editor TinyMCE). La idea sería pensar (quizás) agregar algo como el palo de arriba en la próxima versión.

(@uqamsav)

Hace 2 años, 4 meses

Pensarías que lo siguiente funcionaría:

function mce_settings( $settings ) {
    $settings['table_default_styles'] = false;
    $settings['table_default_attributes'] = false;
    return $settings;
}
add_filter( 'tiny_mce_before_init', 'mce_settings' );

Por desgracia, tenemos que recurrir a violaciones menos elegantes.

(@subzeropoland)

Hace 2 años, 3 meses

Realmente espero que este problema se resuelva. Ni siquiera arreglado en la última versión. Una vez que se elimina una columna / fila, el script agrega ancho / alto a cada elemento de la tabla. Es un problema pionero para mí, así que ahora me quedo con TinyMce 4.6.7 avanzado.

(@jproy)

Hace 2 años, 3 meses

El mismo problema aqui. Probé todas las configuraciones que encontré, pero cada vez que agrego una nueva columna, el problema vuelve.

(@subzeropoland)

Hace 2 años, 3 meses

@jproy Necesita cambiar a 4.6.7. Esta es la última versión antes de que ocurriera este problema. https://wordpress.org/plugins/tinymce-advanced/advanced/

(@miresi)

Hace 2 años, 3 meses

Hola, Recientemente notamos que al agregar una columna a una tabla existente, el editor TinyMCE agrega un ancho fijo a cada celda de la tabla. Tenemos un sitio receptivo y esto no es bueno para nosotros. Tenemos la versión 4.9.8 de WordPress con el editor clásico habilitado (sin usar Gutenberg). Usamos el plugin TinyMCE y los plugins de configuración TinyMCE.

Lo hicimos bien al agregar una configuración de TinyMCE:

Opción: invalid_styles Valor: th: ancho alto, td: ancho alto

y

Opción: table_clone_elements Valor: tr

Usando lo anterior, no se agregará ancho ni alto a las tablas. Cuando se agrega table_clone_elements, se pueden agregar filas, pero agregar th o td duplicará todas las columnas / filas agregadas, así que no lo haga.

El problema que todavía tenemos es que la etiqueta HTML no tiene el ‘alcance’ de los encabezados de la tabla (

) se agrega cuando se agregan columnas / filas a tablas existentes. Intenté agregar ‘alcance’ a estyn_valid_elements y table_clone_elements pero eso no funcionó. Cualquier ayuda será muy apreciada. Queremos que nuestro sitio WCAG 2.0 cumpla con las normas.

(@jandmoch)

Hace 1 año, 11 meses

Mientras tanto, he agregado jquery al código del sitio web: $ (‘td, th, table’). removeAttr (‘estilo’); $ (‘td, th, tabla’). removeAttr (‘ancho’);

¿Solucionó tu problema??

SíNo

0 / 0