TinyMCE and code <i> insertions

[Smirftsch]

After already having some issue with video embedding I switched my attention to be able adding (font awesome) icons.

However, something seems to be going absolutely wrong here, even when (temporary) disabling purifier and pastefilter (or editing pastefilter removing "i=em") a source code insertion like this:

<i style="font-size:24px" class="fa">&#xf042;</i>

becomes

<em class="fa" style="font-size: 24px;"></em>

 

so for some reason these settings are obviously not applied.

Using current 3.0.229 and corresponding TinyMCE rich text editor version 6.4.1.

What did I miss?

[virtualgadjo]

Hi,

as pastefiler event only occurs when you... paste some content, this time it's not the guikty guy and you can keep it alive if you want ?

to allow, or force tinymce not to change your i tag into an em one, something that is in its default init config, just play with the field settings
in the Custiom settings JSON option

like aboven just add

{
  "extended_valid_elements": "i[id|class|style],em"
}

(keep the em in the list just in case...)
or, il like me you have some other options, just add the line with a comma if not the last one and now, your

<p>toto is happy <i class="fa-solid fa-circle-caret-right"></i></p>

piece of code will be safe ?

hope it helps

have a nice day

[Smirftsch]

That indeed did the trick and is what I was looking for. So it was neither the pastefilter nor the purifier.

Thanks for enlightening me ?

[virtualgadjo]

hi @Smirftsch

my pleasure ?

have a nice day