个性化阅读
专注于IT技术分析

如何在Visual Composer’vc_map’中使用’custom_markup’参数?

我想知道是否有人对在Visual Composer中使用custom_markup参数有任何了解?我在此链接中遇到了一个解决方案, 但它似乎已经过时了。

我在用着:

  • WordPress 4.8
  • Visual Composer 5.1

任何帮助将不胜感激。谢谢。


#1


仅供参考, 你问题中提供的要点链接已更新, 并且他的解决方案与Wordpress 4.9.2和WPbakery Page Builder(以前为Visual Composer)5.4.5完美配合

js:

(function($) {
    window.VcCustomElementView = vc.shortcode_view.extend( {
        elementTemplate: false, $wrapper: false, changeShortcodeParams: function ( model ) {
            var params;

            window.VcCustomElementView.__super__.changeShortcodeParams.call( this, model );
            params = _.extend( {}, model.get( 'params' ) );
            if ( ! this.elementTemplate ) {
                this.elementTemplate = this.$el.find( '.vc_custom-element-container' ).html();
            }
            if ( ! this.$wrapper ) {
                this.$wrapper = this.$el.find( '.wpb_element_wrapper' );
            }
            if ( _.isObject( params ) ) {
                var template = vc.template( this.elementTemplate, vc.templateOptions.custom );
                this.$wrapper.find( '.vc_custom-element-container' ).html( template( { params: params } ) );
            }
        }
    } );
})(window.jQuery)

的PHP:

vc_map(array(
    'name' => __( 'Custom Markup', 'js_composer' ), 'base' => 'vc_custom_markup', 'category' => array(
        __( 'Content', 'js_composer' ), ), 'description' => __( 'Custom markup element', 'js_composer' ), 'params' => array(
        array(
            'type' => 'textfield', 'param_name' => 'style', 'value' => 'custom style!', 'heading' => 'Style', ), array(
          'type' => 'textfield', 'param_name' => 'color', 'value' => 'custom color!', 'heading' => 'Color', ), array(
          'type' => 'textfield', 'param_name' => 'title', 'value' => 'custom title!', 'heading' => 'Title', ), ), 'js_view' => 'VcCustomElementView', 'custom_markup' => '<div class="vc_custom-element-container">Style: "{{ params.style }}", Color: "{{ params.color }}", Title: "{{{ params.title }}}"</div>', )
);

所有学分归AngeIII所有

赞(0) 打赏
未经允许不得转载:srcmini » 如何在Visual Composer’vc_map’中使用’custom_markup’参数?
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏