Question

我想使用基于jQuery的工具提示qTip2来提供代码段，以便用户可以复制将我的网站嵌入其网站的代码。我只是想提供代码，但我无法弄清楚如何使qTip2不渲染html。以下代码导致网站在工具提示中显示为iframe（这很酷但不是我想要的！）。

$('.myclass').qtip({
    content: {
        text: $('<pre><code><iframe src="http://mysite.com/" style="width: 100%; height: 700px"></iframe></<code></pre>')
    },
    position: {
           my: 'bottom center',
           at: 'top center'
        }
});

我尝试过使用<pre>和。 <pre>不起作用（网站仍然显示），打破工具提示。我还尝试text: '<iframe> ... '离开$('片段。如何禁止呈现此代码？

Answer 1

也许尝试这样的事情？

$('.myclass').qtip({
    content: {
        text: '<pre>&lt;iframe src=&quot;http://mysite.com/&quot; style=&quot;width: 100%; height: 700px&quot;&gt;&lt;/iframe&gt;</pre>')
    },
    position: {
       my: 'bottom center',
       at: 'top center'
    }
});

我不确定qTip是否会尝试将<pre>部分转移到<pre%gt;。如果结果是这样，我会删除我的答案！

有关详细信息，请参阅Escaping HTML strings with jQuery。

防止qtip文本呈现html

1 个答案: