کنترل Code

کنترل Code یک ویرایشگر کد را با استفاده از کتابخانه CodeMirror تعبیه می‌کند. کاربرانی که در تنظیمات Bricks «Code Execution» را برای آن‌ها فعال کرده‌اید، می‌توانند PHP، HTML، CSS و JavaScript را اجرا کنند.

class Prefix_Element_Code extends \Bricks\Element {
  // Set builder controls
  public function set_controls() {
    $this->controls['exampleHtml'] = [
      'tab' => 'content',
      'label' => esc_html__( 'HTML', 'bricks' ),
      'type' => 'code',
      'mode' => 'php',
      'default' => '<h4>Example H4 HTML title</h4>',
    ];
  }

  // Render element HTML
  public function render() {
    echo isset( $this->settings['exampleHtml'] ) ? $this->settings['exampleHtml'] : esc_html__( 'No HTML provided.', 'bricks' );
  }
}

توجه

شما نیازی به تعریف عناصر CSS و JS کنترل های خود ندارید. این موارد از قبل در هنگام ویرایش عنصر در زیر گروه کنترل "CSS" زبانه Style در دسترس هستند.