How to allow code like PHP, SQL, HTML to WPBakery Visual Composer?

Question

How to allow code like PHP, SQL, HTML to WPBakery Visual Composer?

Met El Idrissi

2022年2月25日 23:00

I want to allow code inside a textarea to write code with PHP, SQL or HTML...

What i want to do is create an element inside the Visual Composer where I can put some code to show it as i write it on my posts.

Here you can find the type values:

https://kb.wpbakery.com/docs/inner-api/vc_map/

But no one of these works for me.

There is a proper way to do that?

array(
  "type" = "textarea_html",
  "heading" = esc_html__("Text", "js_composer"),
  "param_name" = "text_code_snippet",
  "admin_label" = true,
  "description" = esc_html__("The text for your button." , "js_composer")
)

Thanks

Topic visual-editor plugins Wordpress

Category Web

Hristo Hristov · Accepted Answer · 2019年9月17日 11:31

You can't write directly PHP or MySQL in a Visual Composer element. You can only write HTML and VC has a default element for that - "Raw HTML". If you would like to use PHP functionality, you can map it to a shortcode and then put the shortcode in a simple Text Block, or using 'vc_map', which you linked, you can create a new custom element and then in the 'base' parameter you can map it to a shortcode, you created.

vc_map( array(
'base' => 'svg_icon',
'name' => __( 'Svg Icon', 'ss' ),
'class' => '',
'icon' => 'icon-heart',
'params' => array(
    array(
        'type' => 'textfield',
        'class' => '',
        'heading' => __( 'Id', 'ss' ),
        'param_name' => 'id',
        'value' => 'fb',
    ),
),
) );

function sc_svg_icon($attr) {
$attr = shortcode_atts(array(
  'id' => '',
),$attr);


ob_start(); ?>
  <svg class="icon"><use xlink:href="#<?php echo $attr['id']; ?>" /></svg>
  <?php return ob_get_clean();
}
add_shortcode('svg_icon','sc_svg_icon');

How to allow code like PHP, SQL, HTML to WPBakery Visual Composer?

About