2

我想使用基于 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>and <!-- ,,, -->。<pre>不起作用（站点仍然出现）并<!-- -->破坏工具提示。我也试过text: '<iframe> ... '把$('这块放在外面。如何禁用此代码的呈现？

4

1 回答 1

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>部分转义&lt;pre%gt;。如果最终是这种情况，我将删除我的答案！

有关更多信息，请参阅使用 jQuery 转义 HTML 字符串。

于 2012-08-19T14:06:04.140 回答