使用javascript预览HTML或任何代码
使用javascript预览HTML或任何代码
提问于 2015-09-06 15:23:21
我想预览html代码，我有一个代码，它只预览我输入的文本，如果我试图键入代码，它将作为html而不是作为代码，我想在pre标记中扭曲代码。
这是我的js预览代码。
$(document).ready(function () {
$('#desc').keyup(function(){
$('#live-preview').html($(this).val());
});
});上面的javascript只有当我尝试像<html><p>text</p></html>这样的代码时才会预览纯文本，然后它会将输出显示为文本，但是我将整个<html><p>text</p></html>放在我的预览面板中。
还：：当我按原样将数据存储在mysql中并在索引页上访问时，I‘s就会面临同样的问题，如果我像echo html_entity_decode($desp);一样访问它，那么它将显示所有的文本，但是我希望只有<pre><code></code></pre>中的文本会生效，<b></b>或<i></i>将以html的形式工作。
加号：，我注意到堆栈溢出的一件事，当我们在问题中插入代码时，它会在单引号或类似的内容中扭曲它，当它被提交时，它将显示为代码，所以它是如何工作的，意味着如何这样做。
回答 1
Stack Overflow用户
发布于 2015-09-06 15:28:32
所以，只需设置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>
我注意到堆栈溢出的一件事当我们在问题中插入代码时.
有一个标价插件，用于将标记文本转换为HTML。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32425116
复制相关文章
相似问题
腾讯云开发者
