Title: uggway's Replies | WordPress.org

---

# uggway

  [  ](https://wordpress.org/support/users/uggway/)

 *   [Profile](https://wordpress.org/support/users/uggway/)
 *   [Topics Started](https://wordpress.org/support/users/uggway/topics/)
 *   [Replies Created](https://wordpress.org/support/users/uggway/replies/)
 *   [Reviews Written](https://wordpress.org/support/users/uggway/reviews/)
 *   [Topics Replied To](https://wordpress.org/support/users/uggway/replied-to/)
 *   [Engagements](https://wordpress.org/support/users/uggway/engagements/)
 *   [Favorites](https://wordpress.org/support/users/uggway/favorites/)

 Search replies:

## Forum Replies Created

Viewing 1 replies (of 1 total)

 *   Forum: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
   
   In reply to: [TinyMCE 4 Problems – Missing classes and how to render HTML](https://wordpress.org/support/topic/tinymce-4-problems-missing-classes-and-how-to-render-html/)
 *  [uggway](https://wordpress.org/support/users/uggway/)
 * (@uggway)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/tinymce-4-problems-missing-classes-and-how-to-render-html/#post-4829806)
 *     ```
       var ICONS;
   
       	var setIconShortcode = function(id) {
       		return '[wc_fa icon="' + id + '" margin_left="" margin_right=""][/wc_fa]';
       	}
   
       	var icon = function(id) {
       		return '<i class="fa fa-' + id + '"></i>';
       	}
   
       	function getHtml() {
       		var Html;
   
       		Html = '<div style="overflow-y: scroll;height:500px;width:200px"><table role="list" class="mce-grid">';
   
       		tinymce.each(ICONS, function( name ) {
       			Html += '<tr>';
   
       				Html += '<td style="width: 200px; height: 25px; padding: 3px;"><a href="#" data-mce-alt="' + name + '" tabindex="-1" ' +
       					'role="option" aria-label="' + name + '">' + icon(name) + " " + name +'</a></td>';
       			Html += '</tr>';
       		});
   
       		Html += '</table></div>';
   
       		return Html;
       	}
   
       	var wcShortcodeFA = function( editor, url ) {
   
       		editor.addButton('wpcfontAwesomeGlyphSelect', function() {
   
       			return {
       			type: 'panelbutton',
       			text: 'Icons',
       			icon: 'fa-puzzle-piece',
       			panel: {
       			role: 'application',
       			autohide: true,
       			html: getHtml,
       			onclick: function(e) {
       				var linkElm = editor.dom.getParent( e.target, 'a' );
   
       				if ( linkElm ) {
       					editor.insertContent(
       						' ' + setIconShortcode(linkElm.getAttribute('data-mce-alt')) + ' '
       					);
   
       					this.hide();
       				}
       			}
       		},
       			};
       		});
       	};
       	tinymce.PluginManager.add( 'wpc_font_awesome', wcShortcodeFA );
       ```
   

Viewing 1 replies (of 1 total)