如何在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

您可以使用javascripts innerText添加數據，它將正確地轉義它們。

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

您還可以使用after和::after css content屬性，如下所示

 #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>