如何逃脫在HTML錨標籤，該標籤EVAL

Question

能否請你在逃避這個幫助：

<p><%# Eval("Text") + <a class="story-link" href="<%# GetDocumentUrl() %>" target="_self"><%# Eval("ReadFullStoryTitle") %></a> %> 
     </p> 

我試圖像下面，但它不工作：

<p><%# Eval("Text") + <a class="story-link" href="'<%# GetDocumentUrl() %>'" target="_self"><'%#Eval("ReadFullStoryTitle") %'></a> %></p> 

Answer 1

你可以使用以下：

<p><%# Eval("Text") %> <a class="story-link" href='<%# GetDocumentUrl() %>' target="_self"><%#Eval("ReadFullStoryTitle") %></a></p> 

Answer 2

您可以使用JavaScript的innerText它會正確轉義它們添加數據。

<p id="data"><script>document.getElementById('data') 
 
      .innerText= '<%# Eval("Text") + <a class="story-link" href="<%# GetDocumentUrl() %>" target="_self"><%# Eval("ReadFullStoryTitle") %></a> %>';</script></p>

您也可以使用CSS後content財產和::after如下

#data::after{ 
 
    content: '<%# Eval("Text") + <a class="story-link" href="<%# GetDocumentUrl() %>" target="_self"><%# Eval("ReadFullStoryTitle") %></a> %>'; 
 
}

<p id="data"></p>

也可以在p標籤使用下面的代碼，這逃脫。

<p>&lt;%# Eval("Text") + &lt;a class="story-link" href="&lt;%# GetDocumentUrl() %&gt;" target="_self"&gt;&lt;%# Eval("ReadFullStoryTitle") %&gt;&lt;/a&gt; %&gt;</p>