在 pivottablejs 单元格中显示链接

Question

我目前正在尝试在 pivottablejs 单元格中显示 links。我重用了这个 SO answer. Here 的函数是一个工作片段，没有在 a 标签中使用 hrefs。

<div id="output" style="display: none;">,id,link
0,1,<a>Google</a>
0,2,<a>Google link</a>
</div>

但是当我添加双引号或者单引号能够生成真正的link:

<div id="output" style="display: none;">,id,link
0,1,<a href="www.google.com">Google</a>
0,2,<a href="www.google.com">Google link</a>
</div>

$.csv.toArrays 函数抱怨 Uncaught Error: CSVDataError: Illegal Quote 错误。如何避免报价错误？我目前陷入困境，不确定如何解决此问题。我是 javascript 的初学者。感谢您的指点和建议。

Answer 1

我明白问题出在哪里了。在将 table 字符串传递给 $.csv.toArrays 函数之前，我需要去掉 table:

中的双引号

<div id="output" style="display: none;">,id,link
0,1,<a href=https://www.google.com>Google</a>
0,2,<a href=https://www.google.com>Google link</a>
</div>

然后像这样用单引号替换双引号：

$.csv.toArrays($("#output").html().replace(/"/g, "'"))

然后它起作用并将文本显示为指向正确位置的超链接。

在 pivottablejs 单元格中显示链接

Display links in pivottablejs cells

javascript

html

pivottable.js