Eliminar atributos de ChatGPT en tu blog

El otro día hice una publicación en LinkedIn acerca de cómo eliminar los atributos de ChatGPT por regex. Y además en los comentarios pusieron otras alternativas manuales.

Truco regex para eliminar los atributos data start y data end que se te generan al copiar y pegar un texto de chatGPT a tu blog.

Copia el texto generado por tu WYSIWYG (tu editor de texto de wordpress anda)

Pegalo en visual studio, dale a control + f Despliega la flechita de la izquiera para "reemplazar por nada" es decir, eliminar.

Pega este regex:
\sdata-(start|end)="\d+"

Selecciona el iconito de .* que es el de regex. Le das a reemplazar. Ya no hay rastro de ChatGPT en tu código, ahora solo tienes que modificar el texto para que sea humano. De nada

No obstante, puede haber momentos que por el motivo que sea, se hayan quedado trazas de textos de ChatGPT en tu blog.

En este artículo no voy a debatir sobre la moralidad o la calidad del texto, sino acerca de cómo solucionar este problema si ya te lo encuentras en una página.

Mis sugerencias son dos, por PHP y por JS, cada una tiene sus peculiaridades y te enseño ambas basándome en artículos que ya he hecho. Y sí, lo que te digo funcionará independientemente del tema o plugin que estés utilizando, de hecho no es necesario que sea un WordPress.

Buffer PHP

Gracias al lenguaje de servidor (en este caso PHP), podemos modificar el HTML que le vamos a mandar al usuario antes de salir del servidor y lo haremos por medio del todopoderoso buffer de PHP.

Que quede listo y útil, necesitamos que nuestra web esté hecha en PHP. Como puede ser un Drupal, y WordPress un Symfony, Laravel y similares. Si esto es así lo tendremos sencillo.

En este caso voy a poner de ejemplo un WordPress porque probablemente sea lo más demandado y me será sencillo enseñarte como modificar cualquier WordPress.

Y se eliminaría haciendo lo mismo que explico en el post de LinkedIn pero automatizándolo para que ocurra siempre al arrojar un HTML.

Copia y pega esto en tu functions.php:

function eliminar_data_start_end($buffer) {
return preg_replace('/\sdata-(start|end)="\d+"/', '', $buffer);
}
function iniciar_buffer_output() {
ob_start('eliminar_data_start_end');
}
add_action('template_redirect', 'iniciar_buffer_output');


Listo, una vez activo, aunque en el editor de texto aparezca, para el usuario siempre desaparecerá.

Lo puedes profesionalizar más haciendo que esto no actúe en el wp-admin o si eres usuario por ejemplo.

Banner promocionado:

Modificar el DOM con JS

Otra opción podría ser modificarlo por medio de JS. Aunque la gente podrá detectarlo si mira el código fuente o no carga el JS. Sin embargo esta sería la opción más viable si usas por ejemplo un Shopify donde Liquid está muy limitado y no permite esos reemplazos masivos con regex.

Por lo que tendrías que cargar un script en el footer o con un defer que fuese tal que así:

<script>
document.querySelectorAll('[data-start], [data-end]').forEach(el => {
el.removeAttribute('data-start');
el.removeAttribute('data-end');
});
</script>


No sería tan efectivo como la otra opción, pero podría ser un parche que evitase alguna detección.