Estoy usando Twitter-Bootstrap en una aplicación de Rails 3.1.3. Tengo numerosos elementos con panecillos como:¿Puedo usar etiquetas html en twitter-bootstrap popover data-content?
<a data-original-title="Quality" rel="popover" data-content="Did they do a good job? 5 for Really Nice, 4 for Good Enough, 3 for Average, 2 for Somewhat OK, 1 for Really Bad">Q</a>
Me gustaría tener una lista ordenada en la sección de contenido similar a:
<OL reversed="reversed">
<LI> for Really Nice </LI>
<LI> for Good Enough </LI>
...
</OL>
¿Hay una manera simple de hacer esto sin tener que modificar el código JavaScript ? Todo lo que intento, el código html se muestra en el navegador en lugar de ser interpretado como tal.
ACTUALIZACIÓN
Usando el siguiente código por sugerencia de David
link_to 'Q', '#', options: { data-original-title: "Quality", rel: 'popover', data-content: "Did they do a good job? <ol><li> for Really Nice </li><li>...</li></ol>".html_safe }
genera un error de sintaxis con mi configuración. Creo que esto explica por qué: Ruby 1.9 hash with a dash in a key. Así que estoy usando:
<%= link_to 'Q', '#', options: { :"data-original-title" => "Quality", :rel => 'popover', :"data-content" => "Did they do a good job? <ol><li> for Really Nice </li></ol>".html_safe } %>
Esto no funciona. Se genera el código HTML siguiente:
<a href="#" options="{:"data-original-title"=>"Quality", :rel=>"popover", :"data-content"=>"Did they do a good job? <ol><li> for Really Nice </li></ol>"}">Q</a>
Con esta solución, las opciones HTML se pasan correctamente. Sin embargo, HTML aún no se interpreta para el contenido de datos. Esto es lo que muestra Firefox: Q – Arman
Funciona bien para mí tanto en Chrome como en Firefox. – iwasrobbed
Parece que Rails está escapando del HTML antes de llegar a JS con la sintaxis anterior. Lo siguiente funciona con la opción "html: true" establecida: S – Arman