如何在网站中像字符串一样显示html代码和javascript
How can i show html code and javascript like a string in website
我想在网页中像显示文本类型一样显示这些代码。我使用的程序语言是PHP
<div>
<a href="js/index.html">Js</a></div>
<div><a href="php/index.php">PHP</a></div>
<div><a href="test/index.html">Test</a></div>
<input id="in" type="text">
<div class="">Off season <span id="out"></span> this</div>
<script src="js/assets/jquery.js"></script>
<script>
$("#in").keyup(function () {
var text = this.value;
$('#out').text(text);
})
</script>
</div>
HTML转义
<div>
<a href="js/index.html">Js</a></div>
<div><a href="php/index.php">PHP</a></div>
<div><a href="test/index.html">Test</a></div>
<input id="in" type="text">
<div class="">Off season <span id="out"></span> this</div>
<script src="js/assets/jquery.js"></script>
<pre>
$("#in").keyup(function () {
var text = this.value;
$('#out').text(text);
})
</pre>
</div>
有很多好的答案,但另一个可以使用的答案是:
highlight_string
<?php
$var = '<div>
<a href="js/index.html">Js</a></div>
<div><a href="php/index.php">PHP</a></div>
<div><a href="test/index.html">Test</a></div>
<input id="in" type="text">
<div class="">Off season <span id="out"></span> this</div>
<script src="js/assets/jquery.js"></script>
<script>
$("#in").keyup(function () {
var text = this.value;
$("#out").text(text);
})
</script>
</div>';
highlight_string($var);
?>
答案来自这里https://stackoverflow.com/a/28965609/2285345
除了我的评论:
<div>
<a href="js/index.html">Js</a></div>
<div><a href="php/index.php">PHP</a></div>
<div><a href="test/index.html">Test</a></div>
<input id="in" type="text">
<div class="">Off season <span id="out"></span> this</div>
<script src="js/assets/jquery.js"></script>
<pre>
$("#in").keyup(function () {
var text = this.value;
$('#out').text(text);
})
</pre>
</div>
您可以使用w3schools作为起点。
您应该将其包装在<pre>Your code goes here</pre>
标记中。
相关文章:
- 如何将dxFileUploader配置为像一个简单的按钮一样显示
- 仅从表中选择/突出显示列,“就像 GitHub 一样”
- 如何像语法突出显示一样替换字符串中的单词
- 让 Mozilla 像 Chrome 一样显示
- 在鼠标悬停时突出显示 DOM 元素,就像检查一样
- 我想像Facebook或验证码验证一样显示一个面板
- 显示图像右侧的文本,就好像图像比实际大一样
- Javascript 像 jquery 一样显示/隐藏
- 在 HTML 中像视频一样显示图像流
- 单击时显示范围标题,就像鼠标悬停时一样
- IE 11有没有办法像chrome一样显示物体的内部?也许是一个插件
- 如何让文本像原始输入一样显示在文本区域
- 当链接悬停时创建一个弹出窗口,就像在facebook中一样,当你把光标放在链接上时,它会显示发送消息等选项
- 如何在网站中像字符串一样显示html代码和javascript
- 如何正确使用熨斗可选?像铁页一样使用时,项目显示为null
- 幻灯片显示,像其他幻灯片一样将图像滑动进来
- 如何在Asp.net中使用c#创建编辑缩略图功能,就像在facebook中一样(同时上传显示图像)
- 我如何随机显示我的问题,所以它现在总是一样的?(JavaScript)
- 如何在eclipse控制台中显示java对象内容,就像javascript console.dir()一样
- 像工具提示一样显示Div - Div需要被放置在点击元素的旁边