javascript - Bootstrap 3 Tooltip displaying raw HTML instead of HTML formatted text -


I am trying to use Bootstrap 3 tooltip to display some custom HTML-formatted text. I have wrapped the tooltip in an amber component for reuse.

As you can see below, I am really setting the Data-HTML Attribute, and setting the title in some arbitrary HTML format, but when I try to trigger Tooltip If you go, then the raw HTML string is displayed instead.

Tooltip component:

  App.ToolTipComponent = Ember.Component.extend Text: Undefined placement: Undefined HTML: Undefined HTML text: Rarer after being undefined: - & gt; ChildElem = @ $ (": first-child") childElem.attr ('Data-Toggle', 'Tooltip') childElem.attr ('Data Trigger', 'Hover') childElem.attr ('Data-Placement', childElem ChildElem.tooltip () '.atr' ('data-html', 'true') childElem.attr ('title', ' test data & lt; / b & gt;')  

In this way, Outlook shows up on the application. Tooltip is started while hovering on 'TestCampaign', and as you can see, only the raw HTML shows.

Output image

and here it is inspected by Chrome's development tool. In comparison with Bella with the same functionality, I can not see what type needs to be changed.

div data-togel = "tooltip" data trigger = " Hover "Data-Placement =" Top "data-html =" true "title =" Test data & gt; & lt; script id = "metamorph-132 -start "type =" text / x-placeholder "data-toggle =" tooltip "data-trigger =" hover "data-placement =" top "data-html =" true "headline =" & lt; B & gt; Test data & lt; / B & gt; "& gt; & lt; / script & gt;" TestCampaign "& lt; script id =" metamorph-132-end "type =" text / x-placeholder "& gt; & lt; / script

Any help would be greatly appreciated.

You have the attribute data-title in your Bela.

data-title = "& lt; Table & gt; & Lt; Tr & gt; & Lt; td style = 'color: red;' & Gt; Complex & amp; Nbsp; & Lt; / Td> & Lt; Td> HTML & lt; / Td> & Lt; / Tr & gt; & Lt; / Table & gt;

Title Specialty Population:

Title = " Test Data "

Additionally, for example you have opened the script tag, but it has not closed

  
Data-toggle = "tooltip "Data-trigger =" hover "data-placement =" top "data-html =" right "title =" & lt; B & gt; Test data & lt; / B & gt; "gt; script id =" metamorph-856-start "type =" text / x-placeholder "data-toggle =" tooltip "data-trigger =" hover "data-placement =" Top "data-html =" true "title =" & lt; B & gt; Test data & lt; / b & gt; "> TestCampaign

Comments

Popular posts from this blog

Java - Error: no suitable method found for add(int, java.lang.String) -

java - JPA TypedQuery: Parameter value element did not match expected type -

c++ - static template member variable has internal linkage but is not defined -