Tôi có thể sử dụng các thẻ html trong nội dung dữ liệu pop-up của Twitter-bootstrap không?

Question

Tôi đang sử dụng Twitter-Bootstrap trong ứng dụng Rails 3.1.3. Tôi có rất nhiều yếu tố với popovers như:

<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> 

Tôi muốn có một danh sách lệnh trong phần nội dung tương tự như:

<OL reversed="reversed"> 
    <LI> for Really Nice </LI> 
    <LI> for Good Enough </LI> 
    ... 
</OL> 

Có một cách đơn giản để làm điều này mà không sửa đổi JavaScript ? Bất cứ điều gì tôi cố gắng, mã html được hiển thị trên trình duyệt thay vì được giải thích như vậy.

CẬP NHẬT

Sử dụng đoạn mã sau mỗi đề nghị của 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 } 

tạo ra một lỗi cú pháp với thiết lập của tôi. Tôi nghĩ điều này giải thích tại sao: Ruby 1.9 hash with a dash in a key. Vì vậy, tôi đang sử dụng:

<%= 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 } %> 

Điều này không hiệu quả. Nó tạo ra HTML sau:

<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

Bạn cần phải tạo một popover dụ rằng có html tùy chọn kích hoạt (nơi này trong tập tin javascript của bạn sau khi mã JS popover):

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

sau đó, cú pháp liên kết sẽ là:

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

Nếu bạn đang tạo động nội dung, thì bạn cần sử dụng html_safe như David đã đề xuất để Rails không thoát khỏi mã HTML. Nếu không, bạn chỉ có thể đặt HTML trực tiếp trong thuộc tính nội dung đó.

Answer 2

Vâng, bạn có thể làm điều đó, nhưng bạn cần phải gọi html_safe trên chuỗi của bạn (nếu chuỗi được tạo ra bởi 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 }