使用javascript預覽HTML或任何代碼

Question

我想預覽html代碼，我有一個代碼只能預覽我輸入的文本（如果我嘗試鍵入代碼），那么它將把它作為html而不是代碼，我想在pre標簽中扭曲代碼。

這是我的js預覽代碼。

$(document).ready(function () {
        $('#desc').keyup(function(){
            $('#live-preview').html($(this).val());
        });

    });

如果我嘗試放置<html>text</html>類的代碼，則上述javascript將僅預覽純文本，然后它將輸出顯示為文本，但我希望整個<html>text</html>在我的預覽面板中<html>text</html> 。

另外：當我按原樣將數據存儲在mysql中並在索引頁上進行訪問時，如果我像echo html_entity_decode($desp);那樣進行訪問，則我將面臨同樣的問題echo html_entity_decode($desp); 然后它將按原樣顯示所有文本，但是我希望僅<pre><code></code></pre>的文本會生效，並且或將用作html。

另外：我在堆棧溢出中注意到一件事，當我們在問題中插入代碼，然后在單引號或類似內容中扭曲它，並在提交時將其顯示為代碼，所以它是如何工作的，意味着如何那樣做。

Answer 1

因此，只需設置text而不是html ：

 $('#desc').keyup(function(){ $('#live-preview').text($(this).val()); });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <textarea id="desc"></textarea> <pre id="live-preview"></pre>

我注意到堆棧溢出的一件事是當我們在問題中插入代碼時...

有一個markdown插件，用於將markdown文本轉換為HTML。

使用javascript預覽HTML或任何代碼

問題描述

1 個解決方案

解決方案1
1 2015-09-06 15:28:32

使用javascript預覽HTML或任何代碼

問題描述

1 個解決方案

解決方案1 1 2015-09-06 15:28:32

解決方案1
1 2015-09-06 15:28:32