angular4: innerHTML 不显示 "text-align: center"

Question

我在 Angular4 项目中使用 Froala 编辑器
我想在另一个 <p> 标签中显示用户在编辑器中写的内容。
绑定工作得很好：
在 我的-component.html:

<div [froalaEditor] [(froalaModel)]="froalaContent">Hello, Froala!</div>
<br>
<!-- here I display the editor content -->
{{froalaContent}} 
<br>
<!-- and here I convert the variable into html view -->
<p [innerHTML]="froalaContent"></p>

所以这是显示结果：
但是正如您所看到的，标签 <p> 包含一个 css 属性 text-align:center; 但是在下划线中文本没有居中，这是我在 ChromeDevTools 中发现的：

没有text-align: center;属性!!
有人可以解释这种行为吗？并提前感谢。

Answer 1

我不确定，但这可能对您有所帮助... 解决方法是使用这个：文本对齐：-moz-center；代替文本对齐：居中；

Answer 2

您应该使用 DomSanitizer 告诉 Angular 保留用户输入中设置的样式是安全的

angular4: innerHTML 不显示 "text-align: center"

angular4: innerHTML does not display "text-align: center"

html

froala

angular