코드

X-1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 코드 필드 사용자 정의 위젯의 패널에 실제 코드 편집기를 넣습니다. 구문 강조,고정폭 텍스트,줄 번호,모든 Ace 편집기의 호의. 그것은 편집기가 산문을 작성하기보다는 마크 업을 붙여 넣을 필요가있는 경우를 위해 존재합니다: 스 니펫,스키마 블록,타사의 배지 HTML 삽입 마스터 애드온 내부 위젯 빌더, 강조 표시 언어와 편집자가 패널에 앉는 높이를 선택합니다.

모든 Widget Builder 필드와 마찬가지로 Code 필드가 지원합니다 조건 패널 가시성과 토큰 인쇄를 위해 나뭇가지 구문 템플릿 엔진 안전한 HTML 이 자동으로 허용된 상태에서. 설정 및 제한 사항은 두 가이드를 모두 참조하십시오.

출력은 워드프레스 삭제 처리를 거칩니다. 값은 일반 토큰으로 출력되고,런타임은 이를 통과시킵니다 wp_kses_post는, 동일한 필터 워드 프레스는 게시물 콘텐츠에 적용됩니다. 안전한 HTML 태그는 생존; <script> 태그가 제거됩니다. 그 기본값은 필드에 붙여 넣기되는 모든 것으로부터 사이트를 보호합니다.

Code 필드가 하는 일 #

• 선택한 언어에 대한 구문 강조 표시와 함께 위젯의 Elementor 패널에서 Ace 코드 편집기를 렌더링합니다.
• 붙여넣은 코드를 문자열로 저장합니다.
• 해당 문자열을 인쇄합니다 {{ your_field_name }}, 소독했습니다 wp_kses_post 그래서 허용된 HTML 렌더링과 스크립트는 제거됩니다.
• 제안 a |raw 신뢰할 수 있는 관리자 시나리오에 대한 삭제 처리를 우회하는 필터 이스케이프 해치입니다.
• 행 옵션을 통해 눈에 보이는 높이를 설정하므로 긴 조각이 패널에 공간을 확보합니다.

빌더로 위젯을 만든 적이 없다면 다음을 읽어보세요 위젯 빌더 개요 첫째; 필드 페이지는 그 기초를 가정합니다.

시작하기 전에 #

• 워드 프레스 와 함께 엘리멘터 설치되고 활성화됩니다.
• Elementor용 마스터 애드온 설치되고 활성화되었습니다. 플러그인에 새로운? 참조 설치 가이드.
• Widget Builder 편집기에서 열리는 사용자 정의 위젯입니다. 우리의 예는 코드 필드의 이름이 지정된 신뢰 배지 위젯입니다 badge_markup 결제 및 리뷰 제공업체가 배포하는 HTML 배지를 허용합니다.

Code 필드를 추가하는 방법 #

드래그하세요 코드 필드 패널에서 아래 섹션으로 필드 콘텐츠 탭. 필드의 옵션은 착륙하는 순간 왼쪽에 열립니다.

코드 필드 옵션 설명 #

• 라벨: elementor의 편집기 위에 표시된 텍스트, 예를 들어 “배지 마크업”입니다.
• 이름: 템플릿이 참조하는 고유 식별자입니다. 예를 들어 문자,숫자 및 밑줄만 표시됩니다 badge_markup.
• 기본값: 시작 코드는 위젯과 함께 제공되며 필드에서 기대하는 내용을 자세히 설명하는 데 유용합니다.
• 언어: 구문 강조 모드,HTML, CSS,JavaScript, 기타 일반적인 모드. 이것은 강조에만 영향을 주며,입력할 수 있는 것은 영향을 주지 않습니다.
• 행: 패널에서 편집기의 보이는 높이.

코드 필드를 토큰과 연결합니다 #

Code 필드는 토큰 필드입니다. 붙여넣은 마크업이 HTML 패널에 도착해야 하는 곳에 인쇄하십시오:

<div class="tb-badges">
  {{ badge_markup }}
</div>

출력 시 값이 실행됩니다 wp_kses_post. 실제로 이는 WordPress가 게시물 콘텐츠에서 허용하는 태그를 의미합니다 <div>, <a>, <img>, <span>그리고 나머지는 붙여넣은 대로 렌더링합니다 <script> 태그와 이벤트 핸들러 속성이 제거됩니다. 일반 마크업으로 구축된 배지 또는 스키마 스니펫의 경우 기본 동작은 정확히 원하는 것입니다.

kses 는 태그를 묵묵히 벗겨낸다는 점을 명심하세요. 붙여넣은 스니펫이 페이지에서 반쯤 비어 있게 만들면 아무 오류도 발생하지 않습니다; 필터는 허용되지 않는 태그를 제거하고 나머지는 그대로 유지했습니다. 위젯을 클라이언트에 건네주기 전에 한 번 준비 페이지에서 공급자 스니펫을 테스트하므로 어떤 부분이 살아남는지 알 수 있습니다.

조각이 손대지 않고 살아남아야 할 때, |raw 필터 우회 위생 처리:

{{ badge_markup|raw }}

조심하세요: |raw 붙여넣은 모든 것을 출력하고 스크립트를 포함했습니다. 위젯을 편집할 수 있는 모든 사람이 필터링되지 않은 HTML,효과적으로 관리자 수준 사용자로 이미 신뢰를 받고 있으며 권한이 낮은 편집자나 클라이언트가 터치할 수 있는 위젯에서는 절대 신뢰할 수 없는 경우에만 도달합니다. 기본 삭제된 토큰은 배송하는 거의 모든 위젯에 적합한 선택입니다.

선택적인 값과 같은 빈 필드에 대해 보호하므로 사용하지 않는 코드 필드는 뒤에 길 잃은 래퍼를 남기지 않습니다:

{% if badge_markup %}
<div class="tb-badges">{{ badge_markup }}</div>
{% endif %}

Elementor에서 코드 컨트롤을 사용하세요 #

Elementor 의 페이지에 사용자 정의 위젯을 추가하거나,페이지가 이미 열려 있는 경우 편집기를 다시 로드합니다. 코드 필드는 레이블 아래에 설정한 행에 맞게 크기가 조정된 어두운 편집기 블록으로 나타납니다.

스니펫을 붙여넣거나 입력합니다. 강조 표시는 빌더에서 선택한 언어를 따르므로 잘못된 마크업이 페이지에 도달하기 전에 쉽게 찾아낼 수 있으며 필드가 변경되면 미리보기가 업데이트됩니다.

일반적인 사용 사례 #

• 배지 및 인증 마크업 결제, 보안 및 검토 제공업체로부터.
• 스키마 및 구조화된 데이터 조각 SEO 플러그인은 다루지 않습니다.
• 코드를 삽입합니다 위생화된 하위 집합이면 충분한 플레이어 및 양식의 경우.
• 사용자 지정 테이블 또는 목록 마크업 개별 필드로 재건하는 것은 고통스러울 것입니다.
• 광고 또는 프로모션 블록 위젯을 다시 게시하지 않고도 캠페인별로 HTML이 변경되는 사람입니다.

코드 필드 작업을 위한 팁 #

• 기본 살균을 신뢰하십시오. wp_kses_post 정상적인 마크업을 그대로 유지하고 위험한 부분을 조용히 제거합니다. 대부분의 “내 조각이 깨졌습니다” 보고서는 벗겨졌습니다 <script> 태그가 작업을 수행합니다.
• 예비하다 |raw 관리자 전용 위젯의 경우. 해당 토큰의 안전망을 완전히 비활성화합니다.
• 내용과 일치하도록 언어를 설정합니다. 하이라이트는 교정 보조입니다; HTML 모드는 누락된 닫는 태그를 한 눈에 볼 수 있게 합니다.
• 기본 스니펫을 발송합니다. 주석 처리된 예제에서는 편집자가 필드에 정확히 어떤 코드 모양이 속하는지 보여줍니다.
• 토큰을 감싸세요 {% if %} 스니펫이 선택 사항인 경우 빈 필드는 빈 컨테이너를 렌더링하지 않습니다.
• 산문에는 WYSIWYG를 사용하세요. 편집자가 마크업을 붙여넣는 대신 텍스트를 작성하는 경우 WYSIWYG 필드 더 친숙한 컨트롤입니다.

자주 묻는 질문 #

감싸는 #

위젯 빌더 코드 필드는 “여기에 스니펫을 붙여넣기” 를 적절한 워크플로로 바꿉니다: 패널에 강조 표시된 편집기, 템플릿에 토큰 하나, 붙여넣기와 페이지 사이에 워드프레스 등급 삭제 마크업에 사용합니다, 보관 |raw 드물게 신뢰할 수 있는 경우 다음을 수행하십시오 WYSIWYG 필드 내용이 코드 대신 산문일 때. 나머지 부분을 탐색합니다 마스터 애드온 위젯 및 확장, 그리고 보세요 가격 페이지 각 계획에 포함된 내용입니다.