我想预览 html代码，我有一个代码，如果我尝试键入代码，它只会预览我键入的文本，然后它会将其视为 html不是代码，我想扭曲 pre 中的代码标签。
这是我的 js 预览代码。
$(document).ready(function () {
$('#desc').keyup(function(){
$('#live-preview').html($(this).val());
});
});
如果我尝试输入类似 <html><p>text</p></html> 的代码，上面的 javascript 将只预览纯文本然后它将输出显示为文本，但我想要整个 <html><p>text</p></html>在我的预览面板中。
另外: 当我将数据按原样存储在 mysql 中并在索引页上访问时，如果我像 echo html_entity_decode($desp); 一样访问它，我将面临同样的问题。然后它将按原样显示所有文本文本，但我只想要 <pre><code></code></pre> 中的文本将影响和<b></b>或 <i></i>将作为 html 工作。
另外: 我注意到堆栈溢出的一件事，当我们在我们的问题中插入代码时，它会将它扭曲在单引号或类似的东西中，当它被提交时，它将显示为代码, so how it is work, 意思是怎么做。
最佳答案
所以只需设置 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>I notice one thing here on stack overflow that when we insert code in our question ...
有一个markdown用于将 markdown 文本转换为 HTML 的插件。
关于javascript - 使用 javascript 预览 HTML 或任何代码，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32425116/