问P标记中基于div的工具提示

EN

我试图在CMS (Alterian)的内容上使用jQueryTools实现工具提示功能。这样做的想法是，编辑器在文本中的文字中标记一个散列和括号，只要他们想要一个工具提示，即“#扳机词(工具提示内容)”。在请求时，使用正则表达式修改HTML，在每个触发词后面插入工具提示div，如下所示：

...replace(/#(\w[\s\S]*?)\(([\s\S]*?)\)/g, "<span class='tipword'>$1</span><div class='tooltip'>$2</div>");

这在许多情况下都很好，但是触发器也可能出现在P标记中。编辑器编写他们的文本，这些文本被CMS存储为HTML。我控制不了P标签的使用。当您在P-标记中放置div时，将在插入div之前自动关闭P标记。当然，这会破坏文本的布局，而且由于触发词和工具提示-div不再相邻，工具提示不起作用。

当来自CMS的HTML类似于：

<P>
    some text with a #triggerword (it's a word that triggers a tooltip to appear)
    and the text goes on....
</P>

然后，在完成工具提示转换之后，DOM读取：

<P>
    some text with a <SPAN class='tipword'>triggerword</SPAN>
</P>
<DIV class='tooltip'>it's a word that triggers a tooltip to appear</DIV>"); 
and the text goes on....
<P></P>

..。布局和工具提示都坏了。

向我建议的一个解决方案是将工具提示span和div封装在对象标记中：

...replace(/#(\w[\s\S]*?)\(([\s\S]*?)\)/g, "<object><span class='tipword'>$1</span><div class='tooltip'>$2</div></object>");

这真的很管用！即使是在P标签里！适用于Firefox和Chrome，但不适用于IE。IE修改DOM并将tipword HTML放入对象标记的altHtml属性中：

<object altHtml="<span ..... /div>"/>

我的90%以上的(公司内)用户使用IE，所以我不能忽视那个浏览器(正如我想要的那样)。

有人对接下来的尝试有什么建议吗？你们是我最后的选择。我担心我将不得不忘记我的好工具提示div，转而使用标准的浏览器工具提示(title-属性)。

谢谢!

巴特