2

jQuery ベースのツールチップqTip2を使用してコード スニペットを提供し、ユーザーが自分のサイトを自分のサイトに埋め込むコードをコピーできるようにしたいと考えています。コードを提供したいだけですが、qTip2でhtmlをレンダリングしないようにする方法がわかりません。次のコードでは、Web サイトがツールチップに 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> ... 'みました。$('このコードのレンダリングを無効にするにはどうすればよいですか?

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 に答える