javascript - not - ¿Puedo usar etiquetas html en twitter-bootstrap popover data-content?

tooltip bootstrap 4 example

Question

Estoy usando Twitter-Bootstrap en una aplicación de Rails 3.1.3. Tengo numerosos elementos con popovers como:

<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 modificar el JavaScript? Todo lo que intento, el código html se muestra en el navegador en lugar de ser interpretado como tal.

ACTUALIZAR

Usando el siguiente código según la 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é: el hash Ruby 1.9 con un guión en una tecla . Entonces 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 Genera el siguiente HTML:

<a href="#" options="{:&quot;data-original-title&quot;=&gt;&quot;Quality&quot;, :rel=&gt;&quot;popover&quot;, :&quot;data-content&quot;=&gt;&quot;Did they do a good job? &lt;ol&gt;&lt;li&gt; for Really Nice &lt;/li&gt;&lt;/ol&gt;&quot;}">Q</a>

Answer 1

Necesita crear una instancia de popover que tenga habilitada la opción html (coloque esto en su archivo javascript después del código JS de popover):

$(''.popover-with-html'').popover({ html : true });

Entonces la sintaxis del enlace sería:

<%= link_to(''Q'', ''#'', :class => "popover-with-html", :title => "Quality", "data-content" => "#{some_content_object.html_safe}") %>

Si está generando dinámicamente el contenido, entonces necesita usar html_safe como David sugirió para que Rails no escape el código HTML. De lo contrario, puede colocar HTML directamente dentro de ese atributo de contenido.

Answer 2

Sí, puedes hacer eso, pero debes llamar a html_safe en tu cadena (si la cadena es generada por Rails)

link_to ''Q'', ''#'', :title => "Quality", :rel => ''popover'', "data-content" => "Did they do a good job? <ol><li> for Really Nice </li><li>...</li></ol>".html_safe }