突出显示html中的文字不起作用

时间:2017-02-28 07:15:55

标签: html spring-mvc highlight highlighting

我想突出显示从服务器返回的文本,如下所示

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div data-ng-app='demo'>
  <div data-ng-controller='MainController'>
    <ul class='hello' when-scrolled='more()'>
      <li data-ng-repeat='item in items'>
        {{item}}
      </li>
    </ul>
    <div data-ng-show='loading'>Loading</div>
  </div>
</div>
<h1>INFINITE SCROLLING IN ANGULARJS</h1>

我在服务器中调试,返回上面的字符串。 但是,当文本在浏览器中呈现时,文本不会突出显示。

它显示如下

This is my name <em>John</em>

浏览器视图来源如下所示

"This is my name <em>John</em>"

我应该逃避“&lt;”和“&gt;”符号? 。 我在这个应用程序中使用spring mvc而使用thymeleaf来生成html

This is my name &lt;em&gt;John&lt;/em&gt;

2 个答案:

答案 0 :(得分:1)

这是解决方案

标题

而不是th.text,请使用th.utext

答案 1 :(得分:-2)

您也可以使用 HTML5 标记突出显示

<p>test test test <mark>test</mark> today.</p>