如何在不修改的情況下將HTML源代碼插入到我的網站中？

在我的網頁的一部分顯示了HTML的源代碼（使用<body>，<head>，所有可以具有HTML代碼的代碼），並且用戶可以提取代碼。我將這段代碼放在一個文本文件中放入一個iframe中。問題是：iframe在IE8等瀏覽器中無法運行，因爲在Chrome等現代瀏覽器中，它們在iframe中插入了<pre>，而IE8則沒有。如何在不修改的情況下將HTML源代碼插入到我的網站中？

我需要一種方法將代碼插入文檔中，而不需要瀏覽器執行代碼。是的，沒有必要代碼必須在文本文件（.txt）中，我看到一些人在<textarea>中設置代碼，我喜歡這一點。這個想法是不能修改源代碼，並且我已經閱讀了一些PHP解決方案，但我無法修改PHP。我嘗試過使用<pre>和<code>，但..不起作用，瀏覽器無論如何執行源代碼，也許我不明白標籤的正確使用。

我已閱讀，有時是必要的替換<爲<一些特殊字符，可能是這個問題？存在一個轉換器，不會影響顯示時的最終結果？謝謝！我不知道如果我解釋我好，我打開任何建議（對不起，如果我聽起來很奇怪，英語不是我的母語）

來源

2013-03-07 Yavierre

可能重複[插入HTML到IFRAME（http://stackoverflow.com/questions/1565822/insert-html-into-iframe） – Mogsdad 2015-09-03 17:12:20

使用jQuery，您可以使用AJAX來獲取文件的源代碼，然後在一個jQuery對象中使用.text(var_with_the_code)來顯示HTML源代碼而不「執行」它。

這裏是的jsfiddle有限的演示：的 http://jsfiddle.net/gberger/T3JDJ/

來源

2013-03-07 03:24:12 gberger

它的工作原理在JSfiddle罰款，謝謝！但我沒有提到它是用於tumblr的，我把下一個代碼用於測試（在標籤之前）：而這並沒有工作，你可以看到它[這裏]（http://fruitzo.tumblr.com/sdf）你知道什麼是可以的嗎？ – Yavierre 2013-03-07 20:12:34

它說：「XMLHttpRequest無法加載http://static.tumblr.com/36bnqm6/NAFmjb014/chirimoya_beta.txt。訪問控制允許來源不允許來源http://fruitzo.tumblr.com。」看到這個問題：http://stackoverflow.com/questions/12124538/ajax-access-control-allow-origin-error – gberger 2013-03-07 20:21:24

好吧，我會嘗試修改PHP（因爲在tumblr你不能）或嘗試上傳該文件在同一來源（fruitzo.tumblr.com/......）這是非常有益的，感謝您的幫助！ – Yavierre 2013-03-07 20:52:59

如何在不修改的情況下將HTML源代碼插入到我的網站中？

回答

相關問題