The editor control provides the default WordPress editor. To directly edit content in the builder preview set the inlineEditing
properties. See the code example below:
class Prefix_Element_Editor extends BricksElement { // Set builder controls public function set_controls() { $this->controls['exampleEditor'] = [ 'tab' => 'content', 'label' => esc_html__( 'Text editor', 'bricks' ), 'type' => 'editor', 'inlineEditing' => [ 'selector' => '.text-editor', // Mount inline editor to this CSS selector 'toolbar' => true, // Enable/disable inline editing toolbar ], 'default' => esc_html__( 'Here goes the content ..', 'bricks' ), ]; } // Render element HTML public function render() { if ( isset( $this->settings['exampleEditor'] ) ) { echo '<div class="text-editor">' . $this->settings['exampleEditor'] . '</div>'; } } }