如何在 s-s-rS 中使用粗体、下划线、斜体渲染 CSS 颜色？

Posted 2023-02-23

【中文标题】如何在 s-s-rS 中使用粗体、下划线、斜体渲染 CSS 颜色？

【英文标题】：How can I render CSS colors with bold, underline, italic in s-s-rS?

【发布时间】：2021-07-14 00:24:38

【问题描述】：

我正在尝试使用 s-s-rS 将数据库字段中的 html 呈现到报告中。 但如果 CSS 颜色是粗体、斜体或下划线，则它们将不起作用。

例如，对于以下代码 sn-p：前 3 段（'red'、'blue'、'green'）都具有正确的颜色。但接下来的三个带有下划线、强和 em 标签的不渲染颜色。 最后 3 段没有颜色，表明颜色和粗体、下划线、斜体分开工作，但不能一起工作。

这是 HTML：

<p><span style="color: #e60000;">red</span></p>
<p><span style="color: #0066cc;">blue</span></p>
<p><span style="color: #008a00;">green</span></p>
<p><br></p>
<p><u style="color: #e60000;">red underline</u></p>
<p><strong style="color: #0066cc;">blue bold</strong></p>
<p><em style="color: #008a00;">green italic</em></p>
<p><br></p>
<p><u>underline</u></p>
<p><strong>bold</strong></p>
<p><em>italic</em></p>

这是报告上呈现的内容。

此 HTML 全部由 Quill 富文本编辑器生成。 https://quilljs.com/ 我已经遇到了很多问题，因为我必须将 css 颜色从 rgb 转换为 hex。 我正在使用 Microsoft SQL Server Reporting Services 版本 13.0.5103.6。 任何帮助都将不胜感激。 谢谢！

【问题讨论】：

HTML 支持非常有限。这是支持标签和 CSS docs.microsoft.com/en-us/sql/reporting-services/report-design/…

的链接

【参考方案1】：

如果将样式移动到段落标签，它会起作用。

="<p><span style='color: #e60000;'>red</span></p>" & 
"<p><span style='color: #0066cc;'>blue</span></p>" & 
"<p><span style='color: #008a00;'>green</span></p>" & 
"<p><br></p><p style='color: #e60000;'><u>red underline</u></p>" & 
"<p style='color: #0066cc;'><strong>blue bold</strong></p>" & 
"<p style='color: #008a00;'><em>green italic</em></p><p><br></p>" & 
"<p><u>underline</u></p>" & 
"<p><strong>bold</strong></p>" & 
"<p><em>italic</em></p>"

如果您将颜色保存在单独的跨度标签中，它也可以工作：

<p><span style='color: #e60000;'><u>red underline</u></ span></p>

不确定这是 s-s-rS 的怪癖还是有点松散的 HTML 标准。