Mark.js并没有高度重视文本

时间:2018-02-20 06:15:25

标签: javascript jquery html

我正在尝试使用mark.js突出显示指定容器中的文本。

var searchKeyword = "ipsum";
$(".box").mark(searchKeyword, options);

<div class="box">
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
        takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores
</p>
</div>

Mark.Js:https://markjs.io/

Codepen示例:https://codepen.io/anon/pen/eVMZyb

1 个答案:

答案 0 :(得分:0)

工作示例

var searchKeyword = "ipsum";
//$(".box").mark(searchKeyword, options);


$(".box").mark(searchKeyword, {
            "element": "span",
            "className": "highlight"
        });

https://codepen.io/anon/pen/mXxPQW