Question

我正在从html页面生成pdf。标记突出显示标记在html页面中工作正常，但是当我渲染为pdf时，标记标记无法正常工作，但其他css和html标记仍然可以正常工作。

我的html代码如下所示

<!DOCTYPE html>
<html>
<head>
<title>Report</title>
<style>
div.long-text{
 max-width:100%;
 word-wrap: break-word;
 padding: 1rem;
 }
html, body {
    max-width: 100%;
}
p {
  word-wrap: break-word;
}
body, input {
  margin: 5;
  font: .9em Verdana, 'Lucida Grande', Geneva, Lucida, sans-serif;
  }
</style>
</head>
 <body>
<div>
  {% for i in text %}
  {% if i.0 == '0'%}
       <mark>{{i}}</mark>
    {% else %}
      {{i}}
     {% endif %}
    {% endfor%}
</div>
</body>
</html>

输出如下：

Screenshot of the output

请帮助找出解决方案。

Answer 1

您可以替换Notification 可以使用mark

代替标记

<span>

然后在CSS部分

<span>{{ i }} </span>

<mark> HTML标记在将HTML转换为pdf时不起作用

1 个答案: