在 pivottablejs 单元格中显示链接答案

【问题标题】：Display links in pivottablejs cells在 pivottablejs 单元格中显示链接
【发布时间】：2021-11-20 15:02:23
【问题描述】：

我目前正在尝试在 pivottablejs 单元格中显示链接。我重用了这个SO answer 中的函数。 Here 是一个有效的 sn-p，没有在 a 标记中使用 hrefs。

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

【问题讨论】：

标签： javascript html pivottable.js

【解决方案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, "'"))

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

【讨论】：