New answers tagged wp-editor
You can check this out - wpgallery plugin, this is how they do it for the [gallery] shortcode, basically parsing the shortcodes on the client-side, and replacing them back and forth as you click "Visual" or "Text". Unless you are building a plugin, I would advise you to refrain from using shortcodes - use plain HTML, you'll have an easier time working with ...
Make sure you've registered the stylesheet for the editor: add_editor_style( 'http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' ); This should be in your functions.php https://codex.wordpress.org/Editor_Style
Top 50 recent answers are included