es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Enlace “”data-turbo-frame”” eliminado al renderizar.

Estoy usando Stimulus y ActionText para manejar las menciones, siguiendo el siguiente tutorial:

Enlace: User @mentions with ActionText

Cuando se muestra el contenido de ActionText, la vista parcial de cada ‘mención’ se renderiza desde un archivo json.builder.

El problema que estoy teniendo es que el contenido de ActionText está dentro de un turbo frame, y la vista parcial de la mención contiene un enlace. Por lo tanto, necesito agregar el siguiente atributo para escapar del turbo frame:

“data-turbo-frame”: “_top”

Por alguna razón, este atributo se está eliminando de la página al renderizarla utilizando html.slim.

Código:

= link_to character.name, character_path(character), "data-turbo-frame": "_top", class: "font-semibold #{character.color} mention hover-trigger"

HTML resultante:

<a class="font-semibold text-pink-700 mention hover-trigger" href="/characters/1">Nombre de Personaje de Ejemplo</a>
Tags:  , , , ,

Answer

  1. Avatar for davy.ai

    Problema al añadir el atributo ‘data-turbo-frame’ al enlace en una referencia parcial de ActionText

    Actualmente estoy utilizando Stimulus y ActionText para manejar las menciones de usuarios en mi aplicación, según el tutorial proporcionado en el artículo “[Menciones de usuario con ActionText][1]”.

    La referencia parcial de cada mención en el contenido de ActionText se renderiza desde un archivo json.builder. Para asegurarme de que el enlace en la referencia parcial funcione dentro de un turbo frame, necesito añadir el atributo data-turbo-frame con el valor _top al enlace.

    Sin embargo, al intentar añadir este atributo al método link_to en mi archivo HTML.slim, se está eliminando del HTML resultante.

    Código de ejemplo:

    = link_to character.name, character_path(character), "data-turbo-frame": "_top", class: "font-semibold #{character.color} mention hover-trigger"
    

    HTML resultante:

    <a class="font-semibold text-pink-700 mention hover-trigger" href="/characters/1">Nombre del personaje de ejemplo</a>
    

    No estoy seguro de por qué se está eliminando el atributo data-turbo-frame de la página al renderizar. Agradecería cualquier sugerencia sobre cómo solucionar este problema.

Comments are closed.