Невозможно использовать теги html внутри popover

Question

У меня есть следующий код, моя проблема в том, когда я попытался добавить или любой другой тег html внутри него, как показано, что он не работает и отображается как обычная строка.

<%= link_to image_tag(class_door(student_class), onMouseover: "this.src='/assets/open_door.png';", onMouseout: "this.src='/assets/closed_door.png'"),'javascript:;' ,class:'popovers','data-content'=>"Number of Students: #{student_class.students.count}<br><button>Click to enter</button>" ,'data-original-title'=>"#{student_class.name.capitalize}" %> 

также я попытался добавить html_safe быть как этот

<%= link_to image_tag(class_door(student_class), onMouseover: "this.src='/assets/open_door.png';", onMouseout: "this.src='/assets/closed_door.png'"),'javascript:;' ,class:'popovers','data-content'=>"Number of Students: #{student_class.students.count}<br><button>Click to enter</button>".html_safe ,'data-original-title'=>"#{student_class.name.capitalize}" %> 

, но это также не работает и дает тот же результат

Answer 1

Попробуйте добавить 'data-html'=>true. Вы бы хотели что-то вроде:

<%= link_to image_tag(class_door(student_class), onMouseover: "this.src='/assets/open_door.png';", onMouseout: "this.src='/assets/closed_door.png'"),'javascript:;' ,class:'popovers', 'data-html'=>true, 'data-content'=>"Number of Students: #{student_class.students.count}<br><button>Click to enter</button>" ,'data-original-title'=>"#{student_class.name.capitalize}" %> 

И если какой-либо из значений, вкладывающих в ваш HTML должны быть экранированы, чтобы предотвратить инъекции, вы можете использовать «час». Что-то вроде: #{h(student_class.name.capitalize)}.