apply_filters( ‘mce_css’, string $stylesheets )

User Contributed Notes

1. Skip to note 3 content

   Steven Lin 5 years ago

   You must log in to vote on the helpfulness of this noteVote results for this note: 0You must log in to vote on the helpfulness of this note

   Example Migrated from Codex:

   Add a plugin stylesheet for TinyMCE.

   add_filter( 'mce_css', 'plugin_mce_css' );
   
   function plugin_mce_css( $mce_css ) {
   	if ( ! empty( $mce_css ) )
   		$mce_css .= ',';
   
   	$mce_css .= plugins_url( 'editor.css', __FILE__ );
   
   	return $mce_css;
   }
2. Skip to note 4 content

   Steven Lin 5 years ago

   You must log in to vote on the helpfulness of this noteVote results for this note: 0You must log in to vote on the helpfulness of this note

   Example Migrated from Codex:

   Add a Google Fonts CSS stylesheet.

   Because mce_css is a comma-separated string of values, you cannot use the default href string from a source like Google Fonts if it contains multiple faces (e.g., ‘https://fonts.googleapis.com/css?family=Lato:300,400,700’). You must replace the commas with their URL-encoded equivalent, ‘%2C’.

   add_filter( 'mce_css', 'plugin_mce_css' );
   
   function plugin_mce_css( $mce_css ) {
   	if ( ! empty( $mce_css ) )
   		$mce_css .= ',';
   
   	$font_url = 'https://fonts.googleapis.com/css?family=Lato:300,400,700';
   	$mce_css .= str_replace( ',', '%2C', $font_url );
   
   	return $mce_css;
   }