programing

Visual Composer 사용자 지정 쇼트코드 템플릿 - custom_markup 표시 사용자 입력

closeapi 2023. 3. 17. 21:29
반응형

Visual Composer 사용자 지정 쇼트코드 템플릿 - custom_markup 표시 사용자 입력

쇼트 코드 요소를 작성했습니다.여기서 백엔드 에디터의 요소의 모양을 커스터마이즈합니다.

VC-Pagebuilder의 Wiki 설명에서 custom_markup 파라미터를 사용할 수 있다는 것을 알 수 있습니다.

심플한 html에서는 정상적으로 동작합니다.단, 쇼트 코드백엔드 요소에서는 사용자 입력을 표시할 수 없습니다.

<?php
    add_shortcode('simpletext', 'simpletext_shortcode');
    add_action('vc_before_init', 'simpletext_vc');

    // Frontend output

    function simpletext_shortcode($atts, $content = '') {
      ob_start();
      set_query_var('content', $content);
      get_template_part('components/content', 'simpletext');
      return ob_get_clean();
    }

    // Backend
    function simpletext_vc() {
      vc_map(array(
        "name" => "Einfacher Text",
        "base" => "simpletext",
        "class" => "",
        "icon" => get_template_directory_uri() ."/images/vc_icons/simpletext_icon.png", 
    "custom_markup" => '{{ content }}', // try to display the user input
    "category" => "Text",
    "params" => array(
      array(
        "param_name" => "content",
        "heading" => "Inhalt",
        "description" => "Inhalt des Elements.",
        "holder" => "div",
        "type" => "textarea_html"
      )
    )
   ));
  }
?>

도움을 주셔서 감사합니다.

Page Builder(페이지 빌더)에서는 매우 유사한 이전 버전을 사용하여admin_label사용자가 팝업을 닫은 후 입력한 값을 표시하려면 각 파라미터에 true 또는 false 값을 지정합니다.이 경우에도 효과가 있을 수 있습니다.

다음과 같은 경우:

"params" => array(
      array(
        "param_name" => "content",
        "heading" => "Inhalt",
        "description" => "Inhalt des Elements.",
        "holder" => "div",
        "type" => "textarea_html",
        "admin_label" => true
      )
    )

언급URL : https://stackoverflow.com/questions/32745605/visual-composer-custom-shortcode-template-custom-markup-display-user-input

반응형