Quilljs 不使用字体元素

Quilljs not using font elements

我有以下 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>\r\n<p style=""><span style="font-family: Arial;"><font style="" size="5"><strong style="">This is bolded 5</strong></font></span></p>\r\n<p style=""><span style="font-family: Arial;"><font style="" size="5"><strong style="font-size: 16px; color: blue;">BlueTEXT</strong></font></span></p>\r\n<a href="http://www.google.com">Click Me</a>

出于某种原因,这在 Quilljs 中显示不正确。似乎字体元素没有使用。我创建了一个 stackblitz 来证明这一点:https://stackblitz.com/edit/angular-ivy-c4feuv?file=src/app/app.component.ts

HTML5 不再支持字体元素,这可以解释为什么 Quilljs 不支持它们。流行的观点是应该避免使用它们,因为一些浏览器已经不支持它们了。

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

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

在这种情况下,应将字体元素的来源改为使用样式标签。