图像标签特殊时如何显示图像？

Question

我有一个代码：

<div>&lt;img src=".../media/wysiwyg/ingresso-festa-retro-mix.jpg" &gt;

不是显示图像。但是，当我使用＆lt;＆gt;然后它会正常显示：

<div><img src=".../media/wysiwyg/ingresso-festa-retro-mix.jpg">

有人知道吗？

Answer 1

你可以通过使用jquery来实现这一点，而不需要你。否则，如果jade或pug表示可以，因为他们有编译器将其编译为HTML。但是DOM可能有一些HTML要呈现的属性。 即使＆lt;和＆gt;将呈现为< >，但仅限于DOM。

使用jquery的示例，

＆＃13;

＆＃13;

$('#demo').each(function(){
    var $this = $(this);
    var t = $this.text();
    $this.html(t.replace('&lt','<').replace('&gt', '>'));
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<div id="demo">&lt;img src="http://i.stack.imgur.com/oURrw.png"&gt;</div>

＆＃13;

＆＃13;

＆＃13;