82 lines
		
	
	
		
			2.2 KiB
		
	
	
	
		
			PHP
		
	
	
	
	
	
			
		
		
	
	
			82 lines
		
	
	
		
			2.2 KiB
		
	
	
	
		
			PHP
		
	
	
	
	
	
| <?php
 | |
| /**
 | |
|  * WPSEO plugin file.
 | |
|  *
 | |
|  * @package WPSEO\Admin\Metabox
 | |
|  */
 | |
| 
 | |
| /**
 | |
|  * Handles all things with the metabox in combination with the WordPress editor.
 | |
|  */
 | |
| class WPSEO_Metabox_Editor {
 | |
| 
 | |
| 	/**
 | |
| 	 * Registers hooks to WordPress.
 | |
| 	 *
 | |
| 	 * @codeCoverageIgnore
 | |
| 	 */
 | |
| 	public function register_hooks() {
 | |
| 		// For the Classic editor.
 | |
| 		add_filter( 'mce_css', [ $this, 'add_css_inside_editor' ] );
 | |
| 		// For the Block/Gutenberg editor.
 | |
| 		// See https://github.com/danielbachhuber/gutenberg-migration-guide/blob/master/filter-mce-css.md.
 | |
| 		add_action( 'enqueue_block_editor_assets', [ $this, 'add_editor_styles' ] );
 | |
| 
 | |
| 		add_filter( 'tiny_mce_before_init', [ $this, 'add_custom_element' ] );
 | |
| 	}
 | |
| 
 | |
| 	/**
 | |
| 	 * Adds our inside the editor CSS file to the list of CSS files to be loaded inside the editor.
 | |
| 	 *
 | |
| 	 * @param string $css_files The CSS files that WordPress wants to load inside the editor.
 | |
| 	 * @return string The CSS files WordPress wants to load and our CSS file.
 | |
| 	 */
 | |
| 	public function add_css_inside_editor( $css_files ) {
 | |
| 		$asset_manager = new WPSEO_Admin_Asset_Manager();
 | |
| 		$styles        = $asset_manager->special_styles();
 | |
| 		$inside_editor = $styles['inside-editor'];
 | |
| 
 | |
| 		$asset_location = new WPSEO_Admin_Asset_SEO_Location( WPSEO_FILE );
 | |
| 		$url            = $asset_location->get_url( $inside_editor, WPSEO_Admin_Asset::TYPE_CSS );
 | |
| 
 | |
| 		if ( $css_files === '' ) {
 | |
| 			$css_files = $url;
 | |
| 		}
 | |
| 		else {
 | |
| 			$css_files .= ',' . $url;
 | |
| 		}
 | |
| 
 | |
| 		return $css_files;
 | |
| 	}
 | |
| 
 | |
| 	/**
 | |
| 	 * Enqueues the CSS to use in the TinyMCE editor.
 | |
| 	 */
 | |
| 	public function add_editor_styles() {
 | |
| 		$asset_manager = new WPSEO_Admin_Asset_Manager();
 | |
| 		$asset_manager->enqueue_style( 'inside-editor' );
 | |
| 	}
 | |
| 
 | |
| 	/**
 | |
| 	 * Adds a custom element to the tinyMCE editor that we need for marking the content.
 | |
| 	 *
 | |
| 	 * @param array $tinymce_config The tinyMCE config as configured by WordPress.
 | |
| 	 *
 | |
| 	 * @return array The new tinyMCE config with our added custom elements.
 | |
| 	 */
 | |
| 	public function add_custom_element( $tinymce_config ) {
 | |
| 		if ( ! empty( $tinymce_config['custom_elements'] ) ) {
 | |
| 			$custom_elements = $tinymce_config['custom_elements'];
 | |
| 
 | |
| 			$custom_elements .= ',~yoastmark';
 | |
| 		}
 | |
| 		else {
 | |
| 			$custom_elements = '~yoastmark';
 | |
| 		}
 | |
| 
 | |
| 		$tinymce_config['custom_elements'] = $custom_elements;
 | |
| 
 | |
| 		return $tinymce_config;
 | |
| 	}
 | |
| }
 |