public function load_tmpl()
    {
        if (TF_Model::is_tf_editor_active() || is_admin()) {
            foreach ($this->elements as $element) {
                ?>
			<script type="text/html" id="tmpl-tf_active_element_<?php 
                echo $element->slug;
                ?>
">
				<div class="tf_active_module" data-tf-module="<?php 
                echo esc_attr($element->slug);
                ?>
" data-tf-content="<?php 
                echo esc_attr($element->get_content_field());
                ?>
">
					<div class="tf_back_module_top">
						<div class="tf_left">
							<span class="tf_back_active_module_title"><?php 
                echo esc_attr($element->name);
                ?>
</span>
						</div>
						<!-- /tf_left -->
						<div class="tf_right">
							<a href="#" class="tf_module_btn tf_toggle_module"></a>
							<a href="#" class="tf_module_btn tf_delete_module"></a>
						</div>
						<!-- /tf_right -->
					</div>
					<!-- /tf_back_module_top -->
					<div class="tf_back_active_module_content">
						<?php 
                echo TF_Form::render_element($element->fields());
                ?>
					</div>
					<!-- /tf_back_module_content -->
				</div>
			</script>
			<?php 
            }
        }
    }
    /**
     * Filter shortcode to added editable markup for module edit.
     * 
     * @since 1.0.0
     * @access public
     * @param string $output 
     * @param string $module_slug 
     * @param array $atts 
     * @return string
     */
    public function shortcode_element_render($output, $element_slug, $atts, $content)
    {
        global $TF, $tf_module_elements;
        if ($TF->in_builder_lightbox) {
            $element = $tf_module_elements->get_element($element_slug);
            if (!empty($content)) {
                $atts = array_merge($atts, array($element->get_content_field() => $content));
            }
            $form = TF_Form::render_element($element->fields(), $atts);
            $output = sprintf('<div class="tf_active_module" data-tf-module="%s" data-tf-content="%s">
					<div class="tf_back_module_top">
						<div class="tf_left">
							<span class="tf_back_active_module_title">%s</span>
						</div>
						<!-- /tf_left -->
						<div class="tf_right">
							<a href="#" class="tf_module_btn tf_toggle_module"></a>
							<a href="#" class="tf_module_btn tf_delete_module"></a>
						</div>
						<!-- /tf_right -->
					</div>
					<!-- /tf_back_module_top -->
					<div class="tf_back_active_module_content">
						%s
					</div>
					<!-- /tf_back_module_content -->
				</div>', $element_slug, esc_attr($element->get_content_field()), esc_attr($element->name), $form);
        }
        return $output;
    }