Javascript 防止qtip文本呈现html

我想使用基于jQuery的工具提示来提供代码片段，以便用户可以复制将我的站点嵌入到他们站点中的代码。我只是想提供代码，但我不知道如何使qTip2不呈现html。以下代码导致网站在工具提示中显示为iframe（这很酷，但不是我想要的！）

$（'.myclass'）.qtip({
内容：{
text:$（'
破坏了工具提示。我还尝试了
text:'.'
保留
$（'
部分。如何禁用此代码的渲染？
可能尝试类似的方法

$（'.myclass'）.qtip({
内容：{
文本：“iframe src=”http://mysite.com/“style=“宽度：100%；高度：700px”/iframe'）
},
职位：{
我的‘底部中心’，
在：“顶级中锋”
}
});

我不确定qTip是否也会尝试将
部分转义到
pre%gt；
中。如果是这样，我将删除我的答案

请参阅以获取更多信息。
如果您想尝试一下，这也可能更具可读性：
text:$（“pre”）.text（“”）
。不确定它是否有效，但如果有效，我可以更改我的答案以反映它。您觉得它更具可读性吗？是否足够值得更新答案？
$('.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'
        }
});

$('.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'
    }
});