Edit file File name : code.php Content :<?php namespace Elementor; use Elementor\Modules\DynamicTags\Module as TagsModule; if ( ! defined( 'ABSPATH' ) ) { exit; // Exit if accessed directly. } /** * Elementor code control. * * A base control for creating code control. Displays a code editor textarea. * Based on Ace editor (@see https://ace.c9.io/). * * @since 1.0.0 */ class Control_Code extends Base_Data_Control { /** * Get code control type. * * Retrieve the control type, in this case `code`. * * @since 1.0.0 * @access public * * @return string Control type. */ public function get_type() { return 'code'; } /** * Get code control default settings. * * Retrieve the default settings of the code control. Used to return the default * settings while initializing the code control. * * @since 1.0.0 * @access protected * * @return array Control default settings. */ protected function get_default_settings() { return [ 'label_block' => true, 'language' => 'html', // html/css 'rows' => 10, 'ai' => [ 'active' => true, 'type' => 'code', ], 'dynamic' => [ 'categories' => [ TagsModule::TEXT_CATEGORY ], ], ]; } /** * Render code control output in the editor. * * Used to generate the control HTML in the editor using Underscore JS * template. The variables for the class are available using `data` JS * object. * * @since 1.0.0 * @access public */ public function content_template() { ?> <div class="elementor-control-field"> <label for="<?php $this->print_control_uid(); ?>" class="elementor-control-title">{{{ data.label }}}</label> <div class="elementor-control-input-wrapper elementor-control-dynamic-switcher-wrapper"> <textarea id="<?php $this->print_control_uid(); ?>" rows="{{ data.rows }}" class="e-input-style elementor-code-editor" data-setting="{{ data.name }}"></textarea> </div> </div> <# if ( data.description ) { #> <div class="elementor-control-field-description">{{{ data.description }}}</div> <# } #> <?php } } Save