在data-sqtip ext js上用双引号丢失文本

Question

我需要向data-sqtip添加文本，但是当文本包含双引号时，所有文本在第一个双引号丢失后。文字可能有所不同，有或没有引号。

'<div class="displayField" data-sqtip="{text}" data-anchor="bottom">'

例如：

• 如果text = simple text in tooltip，我会看到simple text in tooltip
• 如果text = simple text in "tooltip"，我会看到simple text in
• 如果text = simple "text" in tooltip，我会看到simple。

感谢。

修改

tpl: new Ext.XTemplate(
...
'<tpl for=".">',
 '<div class="displayField" data-sqtip="{name}" data-anchor="bottom">',
 '    {[this.getText(values.text)]}',
 '</div>'
...
  {
     getText: function(text) {
         return text;
     }
  }
)

Answer 1

对于修复问题，需要添加函数htmlEncode()

data-sqtip="[{Ext.String.htmlEncode(text)}]"