样式未从后端解析

Question

我有一个带有 angular 前端和 C# 后端的应用程序。我从我的应用程序后端收到了这个富文本：

<b>Hello <span style="font-weight:normal"> world </span></b>

显示的是“Hello world”
我要显示的是“Helloworld”

期望的行为是跨度的样式不会被覆盖。此 codepen 示例显示了所需的行为，但它只是前端： https://codepen.io/david-lo/pen/rNVOEbY

我错过了什么？

Answer 1

请在下方添加css

p {margin: auto; display: inline-block;}

Answer 2

如果您尝试使用反斜杠符号呈现该代码，这显然是不正确的 HTML。
正确的行应如下所示：

<b>Hello <span style="font-weight:normal"> world </span></b>

Answer 3

我使用 SafeHtml and DomSanitizer 解决了我的问题：

之前：

  public txt: string; //txt is rendered in my html file. 
  @Input() public set header(_txt: string) {
    this.txt = _txt;
  }

字符串输入 _txt 的值为 <b>Hello <span style="font-weight:normal"> world </span></b>

问题是我的 span 样式被忽略了，所以输出是：

你好世界

之后：

  public txt: SafeHtml;
  @Input() public set header(_txt: string) {
    this.txt= this.domSanitizer.bypassSecurityTrustHtml(_txt);
  }

通过按上面显示的方式使用 DomSanitizer，我的 span 样式在前端得到了尊重，我实现了所需的输出：

你好世界

Styling not parsed from backend