Feature Request: WYSIWYG preview in TinyMCE visual pane

[mlwilkerson]

Cases to consider:

1. when there is an [icon] shortcode
2. when there is an <i> tag
3. when the CSS defines pseudo-elements

The TinyMCE visual pane is rendered within its own <iframe>, which does not include Font Awesome.

To make this feature work would require:

1. installing the currently configured Font Awesome that's active in the outer DOM into that TinyMCE visual preview <iframe>
2. converting any [icon] shortcodes into the corresponding <i> tags (just for preview, not in the stored post content)

CAVEAT on pseudo-elements: pseudo-elements support is disabled by default for SVG/JS. That would need be additionally enabled within the Tiny MCE <iframe> when it's enabled in the outer DOM.

[mlwilkerson]

This would also need to determine whether or how to handle v4 compatibility inside the Tiny MCE <iframe>.

For example, should it include v4 shims? If so, should it also include the inline style for the "font face shim"