Edit File by line

<?php

[0] Fix | Delete

/**

[1] Fix | Delete

* WPSEO plugin file.

[2] Fix | Delete

[3] Fix | Delete

* @package WPSEO\Admin\Metabox

[4] Fix | Delete

[5] Fix | Delete

[6] Fix | Delete

/**

[7] Fix | Delete

* Handles all things with the metabox in combination with the WordPress editor.

[8] Fix | Delete

[9] Fix | Delete

class WPSEO_Metabox_Editor {

[10] Fix | Delete

[11] Fix | Delete

/**

[12] Fix | Delete

* Registers hooks to WordPress.

[13] Fix | Delete

[14] Fix | Delete

* @codeCoverageIgnore

[15] Fix | Delete

[16] Fix | Delete

* @return void

[17] Fix | Delete

[18] Fix | Delete

public function register_hooks() {

[19] Fix | Delete

// For the Classic editor.

[20] Fix | Delete

add_filter( 'mce_css', [ $this, 'add_css_inside_editor' ] );

[21] Fix | Delete

// For the Block/Gutenberg editor.

[22] Fix | Delete

// See https://github.com/danielbachhuber/gutenberg-migration-guide/blob/master/filter-mce-css.md.

[23] Fix | Delete

add_action( 'enqueue_block_editor_assets', [ $this, 'add_editor_styles' ] );

[24] Fix | Delete

[25] Fix | Delete

add_filter( 'tiny_mce_before_init', [ $this, 'add_custom_element' ] );

[26] Fix | Delete

}

[27] Fix | Delete

[28] Fix | Delete

/**

[29] Fix | Delete

* Adds our inside the editor CSS file to the list of CSS files to be loaded inside the editor.

[30] Fix | Delete

[31] Fix | Delete

* @param string $css_files The CSS files that WordPress wants to load inside the editor.

[32] Fix | Delete

* @return string The CSS files WordPress wants to load and our CSS file.

[33] Fix | Delete

[34] Fix | Delete

public function add_css_inside_editor( $css_files ) {

[35] Fix | Delete

$asset_manager = new WPSEO_Admin_Asset_Manager();

[36] Fix | Delete

$styles = $asset_manager->special_styles();

[37] Fix | Delete

$inside_editor = $styles['inside-editor'];

[38] Fix | Delete

[39] Fix | Delete

$asset_location = new WPSEO_Admin_Asset_SEO_Location( WPSEO_FILE );

[40] Fix | Delete

$url = $asset_location->get_url( $inside_editor, WPSEO_Admin_Asset::TYPE_CSS );

[41] Fix | Delete

[42] Fix | Delete

if ( $css_files === '' ) {

[43] Fix | Delete

$css_files = $url;

[44] Fix | Delete

}

[45] Fix | Delete

else {

[46] Fix | Delete

$css_files .= ',' . $url;

[47] Fix | Delete

}

[48] Fix | Delete

[49] Fix | Delete

return $css_files;

[50] Fix | Delete

}

[51] Fix | Delete

[52] Fix | Delete

/**

[53] Fix | Delete

* Enqueues the CSS to use in the TinyMCE editor.

[54] Fix | Delete

[55] Fix | Delete

* @return void

[56] Fix | Delete

[57] Fix | Delete

public function add_editor_styles() {

[58] Fix | Delete

$asset_manager = new WPSEO_Admin_Asset_Manager();

[59] Fix | Delete

$asset_manager->enqueue_style( 'inside-editor' );

[60] Fix | Delete

}

[61] Fix | Delete

[62] Fix | Delete

/**

[63] Fix | Delete

* Adds a custom element to the tinyMCE editor that we need for marking the content.

[64] Fix | Delete

[65] Fix | Delete

* @param array $tinymce_config The tinyMCE config as configured by WordPress.

[66] Fix | Delete

[67] Fix | Delete

* @return array The new tinyMCE config with our added custom elements.

[68] Fix | Delete

[69] Fix | Delete

public function add_custom_element( $tinymce_config ) {

[70] Fix | Delete

if ( ! empty( $tinymce_config['custom_elements'] ) ) {

[71] Fix | Delete

$custom_elements = $tinymce_config['custom_elements'];

[72] Fix | Delete

[73] Fix | Delete

$custom_elements .= ',~yoastmark';

[74] Fix | Delete

}

[75] Fix | Delete

else {

[76] Fix | Delete

$custom_elements = '~yoastmark';

[77] Fix | Delete

}

[78] Fix | Delete

[79] Fix | Delete

$tinymce_config['custom_elements'] = $custom_elements;

[80] Fix | Delete

[81] Fix | Delete

return $tinymce_config;

[82] Fix | Delete

}

[83] Fix | Delete

}

[84] Fix | Delete

[85] Fix | Delete