Foundation Tooltip的data-allow-html属性不生效，无法解析title内HTML内容

你遇到的问题是属性配置和内容存放位置不对，按以下步骤修改即可生效：

• 优先替换内容存放属性：不要用原生title属性存储HTML内容，浏览器会自动对title内的特殊字符做转义处理，Foundation 6.x及以上版本专门提供data-tooltip-html属性用来存储需要渲染的HTML tooltip内容。
• 确认HTML渲染开关配置：如果单元素属性配置不生效，可以在初始化Foundation时全局开启Tooltip的HTML渲染权限，参考JS代码：

// 全局开启所有Tooltip的HTML渲染支持
Foundation.Tooltip.defaults.allowHTML = true;
// 初始化Foundation组件
$(document).foundation();

• 修正后的完整DOM代码示例：

<h3 data-tooltip data-allow-html="true" class="has-tip" data-tooltip-html="<p>This is the description</p>">This is a tooltip</h3>

注意：开启HTML渲染后不要在tooltip内容中插入未经过滤的用户提交内容，避免出现XSS注入安全风险。

内容的提问来源于stack exchange，提问作者mandalay