Question

我想要预览html代码，我有一个代码只会预览我输入的文字，如果我尝试输入代码那么它会将其视为html而不是代码，我想要扭曲pre标记中的代码。

这是我的js预览代码。

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

    });

上面的javascript只会预览纯文本，如果我尝试放置像<html>text</html>这样的代码，那么它会将输出显示为文本，但我想在预览面板中整个<html>text</html>。

另外：当我将数据存储在mysql中并在索引页面上访问时，我将面临同样的问题，如果我像echo html_entity_decode($desp);那样访问它然后它将按原样显示所有文字文字，但我希望只有<pre><code></code></pre>中的文字会生效，或将作为html。

Plus：我在堆栈溢出时注意到一件事，当我们在我们的问题中插入代码然后它在单引号或类似的东西中扭曲它，当它被提交然后它将显示为代码，它是如何工作的，意味着如何做到这一点。

Answer 1

所以只需设置text而不是html：

＆＃13;

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

＆＃13;

<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>

＆＃13;

我在堆栈溢出时注意到一件事，当我们在我们的问题中插入代码时......

有一个markdown插件用于将降价文本转换为HTML。

使用javascript

1 个答案: