igHTMLEditor - font size issue

[ShrutiPatel-WellsFargo]

Description

The font sizes should take numbers 1-7 instead it takes the values below 1 - x-small 2 - small 3 - small 4 - large 5 - x-large 6 - xx-large 7 - xxx-large

2 and 3 takes same sizes. even thou it looks different in editor itself - if we want to use the html generated by this editor elsewhere, those two fonts will come out same.

• ignite-ui version: 21.2.9
• browser: any

Steps to reproduce

1. Open https://www.igniteui.com/html-editor/overview?_ga=2.47882479.956375408.1634745326-1295822386.1632937613&gasource=google&gamedium=organic&gacampaign=(not%20set)&gaterm=(not%20provided)&gagclid=

OR run the attached code

2. write anything in editor and set size to 10
3. write something else in next line and set size to 12
4. check the html code

Result

size 10 and size 12 both gets font-size: small; in html

Expected result

size 10 and size 12 should have different font sizes in html

Attachments

Attach a sample if available, and screenshots, if applicable.
font_Issue.zip

[valadzhov]

Hi @ShrutiPatel-WellsFargo, I'm running the attached sample but I don't see size 10 and size 12 being the same.

The second string ('Size 12') doesn't have a size set explicitly because its size is set to 3 (as per the code ) which is treated as style="font-size: medium; which is the default text size and can be omitted (which is the case here).

Can you give me a screenshot how these two values look the same on your side?