edit pages

old/wp-includes/customize/class-wp-customize-code-editor-control.php

@@ -0,0 +1,111 @@
+<?php
+/**
+ * Customize API: WP_Customize_Code_Editor_Control class
+ *
+ * @package WordPress
+ * @subpackage Customize
+ * @since 4.9.0
+ */
+
+/**
+ * Customize Code Editor Control class.
+ *
+ * @since 4.9.0
+ *
+ * @see WP_Customize_Control
+ */
+class WP_Customize_Code_Editor_Control extends WP_Customize_Control {
+
+	/**
+	 * Customize control type.
+	 *
+	 * @since 4.9.0
+	 * @var string
+	 */
+	public $type = 'code_editor';
+
+	/**
+	 * Type of code that is being edited.
+	 *
+	 * @since 4.9.0
+	 * @var string
+	 */
+	public $code_type = '';
+
+	/**
+	 * Code editor settings.
+	 *
+	 * @see wp_enqueue_code_editor()
+	 * @since 4.9.0
+	 * @var array|false
+	 */
+	public $editor_settings = array();
+
+	/**
+	 * Enqueue control related scripts/styles.
+	 *
+	 * @since 4.9.0
+	 */
+	public function enqueue() {
+		$this->editor_settings = wp_enqueue_code_editor(
+			array_merge(
+				array(
+					'type'       => $this->code_type,
+					'codemirror' => array(
+						'indentUnit' => 2,
+						'tabSize'    => 2,
+					),
+				),
+				$this->editor_settings
+			)
+		);
+	}
+
+	/**
+	 * Refresh the parameters passed to the JavaScript via JSON.
+	 *
+	 * @since 4.9.0
+	 *
+	 * @see WP_Customize_Control::json()
+	 *
+	 * @return array Array of parameters passed to the JavaScript.
+	 */
+	public function json() {
+		$json                    = parent::json();
+		$json['editor_settings'] = $this->editor_settings;
+		$json['input_attrs']     = $this->input_attrs;
+		return $json;
+	}
+
+	/**
+	 * Don't render the control content from PHP, as it's rendered via JS on load.
+	 *
+	 * @since 4.9.0
+	 */
+	public function render_content() {}
+
+	/**
+	 * Render a JS template for control display.
+	 *
+	 * @since 4.9.0
+	 */
+	public function content_template() {
+		?>
+		<# var elementIdPrefix = 'el' + String( Math.random() ); #>
+		<# if ( data.label ) { #>
+			<label for="{{ elementIdPrefix }}_editor" class="customize-control-title">
+				{{ data.label }}
+			</label>
+		<# } #>
+		<# if ( data.description ) { #>
+			<span class="description customize-control-description">{{{ data.description }}}</span>
+		<# } #>
+		<div class="customize-control-notifications-container"></div>
+		<textarea id="{{ elementIdPrefix }}_editor"
+			<# _.each( _.extend( { 'class': 'code' }, data.input_attrs ), function( value, key ) { #>
+				{{{ key }}}="{{ value }}"
+			<# }); #>
+			></textarea>
+		<?php
+	}
+}