Agregar un evento onclick con etiquetas de imagen solo funciona a medias

Un usuario preguntó 👇

Agregué una función a functions.php, que agrega un evento onclick con etiquetas de imagen en las páginas:

function click_image($insert)
{
if(preg_match('/^(<img)/', $insert))
$insert = str_replace('<img', '<img onclick="PopUp(this)"', $insert);
return $insert;
}
add_filter('media_send_to_editor', 'click_image');

Esto funciona exactamente según lo previsto … excepto que no funciona en fotos insertadas con subtítulos. Aquellos vienen integrados en DIV; No sé por qué esto debería marcar la diferencia, pero escribí una segunda función para solucionarlo:

function click_image_again($insert)
{
if(preg_match('/^(<div.*(<img).*(</div>$)/', $insert))
$insert = str_replace('<img', '<img onclick="PopUp(this)"', $insert);
return $insert;
}
add_filter('media_send_to_editor', 'click_image_again');

… pero esto no hace nada. Pensé, tal vez como se muestra en el editor no como un DIV, sino como un atajo, lo haría de esa manera:

function click_image_again($insert)
{
if(preg_match('/^($)/', $insert))
$insert = str_replace('<img', '<img onclick="PopUp(this)"', $insert);
return $insert;
}
add_filter('media_send_to_editor', 'click_image_again');

De nuevo, nada. Lo único en lo que puedo pensar es que grité la cuerda de alguna manera, pero no veo qué pasa. ¿Alguien tiene alguna idea?

(@bcworkz)

Hace 1 año, 9 meses

Estoy de acuerdo en que su expresión regular probablemente tiene la culpa. En lugar de perseguirte por esa falla, podrías considerar superar esa manejador de atajos para que el HTML deseado resulte desde el principio en lugar de intentar arreglarlo después del hecho.

Utilice el filtro ‘img_caption_shortcode’ para anular. No importa qué retorno de recuperación tenga como salida de acceso directo. Esto significa que debe restablecer más o menos lo que hace el controlador de acceso directo para insertar un atributo onclick. Creo que este enfoque será más confiable y puede tomar prestado del código fuente original para la mayor parte de lo que necesita hacer su llamada. Dependiendo de sus necesidades, es posible que no se necesiten algunos fragmentos del código fuente, por lo que su versión puede ser un poco más eficiente.

¿Solucionó tu problema??

SíNo

0 / 0