elementor / includes / controls / code.php

code.php in Elementor Website Builder – more than just a page builder 3.9.1, at includes/controls/code.php

80 lines 1.9 KB

Raw Download Zip

1	<?php
2	namespace Elementor;
3
4	use Elementor\Modules\DynamicTags\Module as TagsModule;
5
6	if ( ! defined( 'ABSPATH' ) ) {
7	exit; // Exit if accessed directly.
8	}
9
10	/**
11	* Elementor code control.
12	*
13	* A base control for creating code control. Displays a code editor textarea.
14	* Based on Ace editor (@see https://ace.c9.io/).
15	*
16	* @since 1.0.0
17	*/
18	class Control_Code extends Base_Data_Control {
19
20	/**
21	* Get code control type.
22	*
23	* Retrieve the control type, in this case `code`.
24	*
25	* @since 1.0.0
26	* @access public
27	*
28	* @return string Control type.
29	*/
30	public function get_type() {
31	return 'code';
32	}
33
34	/**
35	* Get code control default settings.
36	*
37	* Retrieve the default settings of the code control. Used to return the default
38	* settings while initializing the code control.
39	*
40	* @since 1.0.0
41	* @access protected
42	*
43	* @return array Control default settings.
44	*/
45	protected function get_default_settings() {
46	return [
47	'label_block' => true,
48	'language' => 'html', // html/css
49	'rows' => 10,
50	'dynamic' => [
51	'categories' => [ TagsModule::TEXT_CATEGORY ],
52	],
53	];
54	}
55
56	/**
57	* Render code control output in the editor.
58	*
59	* Used to generate the control HTML in the editor using Underscore JS
60	* template. The variables for the class are available using `data` JS
61	* object.
62	*
63	* @since 1.0.0
64	* @access public
65	*/
66	public function content_template() {
67	?>
68	<div class="elementor-control-field">
69	<label for="<?php $this->print_control_uid(); ?>" class="elementor-control-title">{{{ data.label }}}</label>
70	<div class="elementor-control-input-wrapper elementor-control-dynamic-switcher-wrapper">
71	<textarea id="<?php $this->print_control_uid(); ?>" rows="{{ data.rows }}" class="elementor-input-style elementor-code-editor" data-setting="{{ data.name }}"></textarea>
72	</div>
73	</div>
74	<# if ( data.description ) { #>
75	<div class="elementor-control-field-description">{{{ data.description }}}</div>
76	<# } #>
77	<?php
78	}
79	}
80