如何在Javascript中的工具提示中添加粗体文字?

时间:2014-03-25 19:55:01

标签: javascript gwt tooltip html

我在我的gwt项目中使用原生javascript方法并尝试在RTA http://www.gwtproject.org/javadoc/latest/com/google/gwt/user/client/ui/RichTextArea.html中添加工具提示。通过使用:

可以正常工作
private native void addHtmlSpanHighlight(Element elem, String type, 
String objectId, String tooltip)/*-{ 
var range = elem.contentWindow.getSelection().getRangeAt(0), content = range 
.extractContents(), span = document.createElement('SPAN'); 

span.setAttribute("type", type); 
span.setAttribute("value", objectId); 
span.setAttribute("style", "background-color:#ffd700"); 
span.setAttribute("title", tooltip) 
span.appendChild(content); 

var htmlContent = span.innerHTML; 
range.insertNode(span); 
elem.blur(); 
}-*/; 

所以跨度有工具提示。但这是我的问题:

是否有任何聪明且简单的方法可以在工具提示的字符串中设置粗体标签(例如:title ="这是测试)而不使用css或javascript框架?

非常感谢您的帮助。

2 个答案:

答案 0 :(得分:0)

您无法设置工具提示的样式。

您可以创建一个不同的元素,作为工具提示,并设置样式。这里描述了一种可能的技术:

http://sixrevisions.com/css/css-only-tooltips/

答案 1 :(得分:0)

尝试使用DecoratedPopupPanel,然后为面板添加鼠标悬停处理程序,请参阅此link

中的示例