javascript - 在 pivottablejs 单元格中显示链接

Question

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

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

但是当我添加双引号或单引号以生成真正的链接时：

<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 的初学者。感谢您的任何指示和建议。

标签： javascripthtmlpivottable.js

Answer 1

我弄清楚了问题所在。在将表字符串传递给$.csv.toArrays函数之前，我需要去掉表中的双引号：

<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, "'"))

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