Кодове керування

Кодове керування вбудовує редактор коду з використанням чудової бібліотеки CodeMirror. Користувачі, для яких ви ввімкнули “Виконання коду” у налаштуваннях Esl, зможуть виконувати PHP, HTML, CSS та JavaScript.

class Prefix_Element_Code extends EslElement {// Встановити елементи управлінняpublic function set_controls() {$this->controls['exampleHtml'] = ['tab' => 'content','label' => esc_html__( 'HTML', 'esl' ),'type' => 'code','mode' => 'php','default' => '<h4>Приклад заголовка HTML H4</h4>',];}// Відобразити HTML елементаpublic function render() {echo isset( $this->settings['exampleHtml'] ) ? $this->settings['exampleHtml'] : esc_html__( 'HTML не надано.', 'esl' );}}

Вам не потрібно визначати власні CSS та JS елементи керування. Вони вже доступні під час редагування елемента в вкладці Стиль у групі елементів керування “CSS”.