Quilljs不使用字体元素

Question

我有以下HTML：

<p style=""><span style="font-family: Arial;"><font style=""><span style="font-size: 16px; color: rgb(255, 0, 0);">This is red 3.</span>&nbsp; <strong style=""><span style="color: rgb(0, 176, 80);"><font size="7">And this is green 7</font></span></strong>.</font></span></p>rn<p style=""><span style="font-family: Arial;"><font style="" size="5"><strong style="">This is bolded 5</strong></font></span></p>rn<p style=""><span style="font-family: Arial;"><font style="" size="5"><strong style="font-size: 16px; color: blue;">BlueTEXT</strong></font></span></p>rn<a href="http://www.google.com">Click Me</a>

出于某种原因，这在Quilljs中无法正确显示。字体元素似乎不起作用。我创建了一个stackblitz来演示这一点：https://stackblitz.com/edit/angular-ivy-c4feuv?file=src/app/app.component.ts

Answer 1

HTML5不再支持字体元素，这可以解释为什么Quilljs不支持它们。明智的做法是应该避免它们，因为有些浏览器已经不支持它们了。

https://www.w3schools.com/tags/tag_font.asp

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/font

在这种情况下，字体元素的来源应该改为使用样式标记。