Angular 2句子突出显示点击事件

时间:2017-11-27 23:55:58

标签: javascript angular pdf.js

所以我使用PDF.js将pdf渲染为html。最上面有一个文本图层。 我想要实现的是,当你点击一个句子时,会有一个类添加到这个句子。我想在Angular 4 Component中做到这一点。 我偶然发现了一个问题,因为pdf是按行呈现为html(每行都在不同的div中)。

html中的pdf示例:

<div style="left: 86.0208px; top: 481.589px; font-size: 8.03709px; font-
family: serif; transform: scaleX(1.00581);">
  timestamp server to generate computational proof of the chronological 
  order of transactions.  The
</div>
<div style="left: 86.0208px; top: 490.899px; font-size: 8.03709px; font-
family: serif; transform: scaleX(0.9335);">
  system   is   secure   as   long  
  as   honest   nodes   collectively   control   more   CPU   
  power   than   any
</div>

任何想法我应该如何实现此功能? 主要目标是突出显示单击和执行的确切句子 操纵HTML。

0 个答案:

没有答案