当前版本的 Angular-Slickgrid 是否支持 DomSanitization

Question

当前版本的 Angular-Slickgrid 是否支持 DomSanitization？如果是，请帮我做。

要求：从 API 调用中，我将富文本作为数据获取，其中包含 HTML 元素。我需要将富文本按原样显示到网格中以进行格式化（例如粗体、下划线）。

以下是来自 API 的示例数据：

name: \<strong>\<underline>John K Paul\</underline>\</strong>

这是另一个人的类似问题。 How can I resolve "safeHtml pipe not working" in Angular 8

Answer 1

我已经回复了你在 GitHub Discussion 中提出的相同问题，下面是对你问题的相同答案。

Angular-Slickgrid (Slickgrid-Universal) 在内部使用DOMPurify，这是您应该在自定义格式化程序中使用的，例如您可以看到它在此TreeFormatter 中实现。

import * as DOMPurify_ from 'dompurify';
const DOMPurify = DOMPurify_; // patch to fix rollup to work
// ...
const sanitizedOutputValue = DOMPurify.sanitize(outputValue);
return sanitizedOutputValue;

建议使用 Custom Formatter 而不是 Angular Pipe（这需要 asyncPostRenderer 并且速度要慢得多（因此不推荐，最好坚持使用自定义格式化程序）。