Elementor #59 – DevMaverick Apps

Add Your Heading Text Here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Copy Text

if ( settings.background === 'yes') {
    var background = 'default';
} else {
    var background = 'no-background';
}

Copy Text

$this->add_control(
    'background_color',
    array(
        'label'   => __( 'Background Color', 'code-snippet-dm' ),
        'type'    => \Elementor\Controls_Manager::COLOR,
        'default' => '#abb8c3',
    )
);

Copy Text

<div class="dm-code-snippet <?php echo $settings['theme']; ?> <?php echo $background; ?> <?php echo $background_mobile; ?> <?php echo $slim; ?>" style="background-color: <?php echo $settings['background_color']; ?>;" snippet-height="<?php echo $settings['maxheight']; ?>">
	<div class="control-language">
        <div class="dm-buttons">
            <div class="dm-buttons-left">
                <div class="dm-button-snippet red-button"></div>
                <div class="dm-button-snippet orange-button"></div>
                <div class="dm-button-snippet green-button"></div>
            </div>
            <div class="dm-buttons-right">
                <a id="dm-copy-raw-code">
                <span class="dm-copy-text"><?php echo $settings['copycode']; ?></span>
                <span class="dm-copy-confirmed" style="display:none"><?php echo $settings['copiedcode']; ?></span>
                <span class="dm-error-message" style="display:none">Use a different Browser</span></a>
            </div>
        </div>
        <pre class="<?php echo $line_numbers; ?>"><code id="dm-code-raw" class="<?php echo $wrap; ?> language-<?php echo $settings['language']; ?>"><?php echo $settings['code']; ?></code></pre>
	</div>
</div>

Copy Text

<div class="dm-code-snippet <?php echo $settings['theme']; ?> <?php echo $background; ?> <?php echo $background_mobile; ?> <?php echo $slim; ?>" style="background-color: <?php echo $settings['background_color']; ?>;" snippet-height="<?php echo $settings['maxheight']; ?>">
	<div class="control-language">
        <div class="dm-buttons">
            <div class="dm-buttons-left">
                <div class="dm-button-snippet red-button"></div>
                <div class="dm-button-snippet orange-button"></div>
                <div class="dm-button-snippet green-button"></div>
            </div>
            <div class="dm-buttons-right">
                <a id="dm-copy-raw-code">
                <span class="dm-copy-text"><?php echo $settings['copycode']; ?></span>
                <span class="dm-copy-confirmed" style="display:none"><?php echo $settings['copiedcode']; ?></span>
                <span class="dm-error-message" style="display:none">Use a different Browser</span></a>
            </div>
        </div>
        <pre class="<?php echo $line_numbers; ?>"><code id="dm-code-raw" class="<?php echo $wrap; ?> language-<?php echo $settings['language']; ?>"><?php echo $settings['code']; ?></code></pre>
	</div>
</div>

Copy Text

function register_elementor_code_snipped_widget( $widgets_manager ) {

	require_once( __DIR__ . '/elementor-widgets/code-snippet.php' );

	$widgets_manager->register( new \Elementor_DM_Code_Snippet() );
}
add_action( 'elementor/widgets/register', 'register_elementor_code_snipped_widget' );