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

Posted

技术标签:

【中文标题】如何在 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 标准。

【讨论】:

以上是关于如何在 s-s-rS 中使用粗体、下划线、斜体渲染 CSS 颜色?的主要内容,如果未能解决你的问题,请参考以下文章

如何在颤动中使用粗体、斜体等格式化程序制作文本编辑器?

有没有办法在单个单元格中使用下划线、粗体和斜体?

android 在xml的textStyle中 如何设置一个字体即是粗体又是斜体又带有下划线?

我可以在 XForms 标签和提示上添加丰富的格式(粗体、斜体、下划线)吗?

Android - 设置粗体/斜体后再次使 EditText 正常

pdf 锐利的字体样式粗体,斜体和下划线一起