WordPress는 빈 스팬 태그를 제거합니다.

WordPress는 빈 스팬 태그를 제거합니다.

WordPress-Editor를 사용하는데 다음과 같이 "span" 태그 안에 아이콘을 표시하려고 합니다.

<div id="question1" class="box-around">
   <div class="box-left"><span class="fa fa-search" aria-hidden="true"> </span></div>
   <div class="box-right">
      <h3>Some Heading</h3>
      Some Text
      <span id="question1-answer"> </span>
    </div>
</div>

"visual"을 변경할 때마다 "span" 태그가 제거되고 다음과 같이 나타납니다.

<div id="question1" class="box-around">
  <div class="box-left"></div>
   <div class="box-right">
      <h3>Some Heading</h3>
       Some Text
       <span id="question1-answer"> </span>
    </div>
</div>

이상하게도 맨 아래에 있는 스팬(id="질문1-answer")이 유지됩니다.내가 뭘 빼놓았나요?이미 태그 내에 공백 "&nbsp"를 설정하려고 했습니다. "visual"에서 텍스트를 변경하면 "(실제 공백)"으로 변환되고 다른 태그도 사용되었습니다.

감사합니다!

활성 테마 함수에 이 코드를 추가합니다.php 파일.

function override_mce_options($initArray) {
    $opts = '*[*]';
    $initArray['valid_elements'] = $opts;
    $initArray['extended_valid_elements'] = $opts;
    return $initArray;
} 
add_filter('tiny_mce_before_init', 'override_mce_options');

조금 더 구체적으로 - ID, 이름, 클래스 또는 스타일 속성이 있는 경우 빈 태그를 허용합니다.

function override_mce_options($initArray) {
  $opts = '*[id|name|class|style]';
  $initArray['valid_elements'] .= ',' . $opts;
  $initArray['extended_valid_elements'] .= ',' . $opts;
  return $initArray;
}
add_filter('tiny_mce_before_init', 'override_mce_options');

내가 뭘 잘못하고 있는 건지도 모르지만, 나한텐 효과가 있어.그래도 더 나은 솔루션이 있을 것이라고 확신합니다.유효한 요소에 특정 태그를 하나만 추가할 수 있으면 좋겠습니다.

위의 답변(Val)을 사용하면 빈 태그를 사용할 수 있지만 테마 구조나 페이지 빌더 플러그인이 있기 때문에 이 기능은 여전히 작동하지 않을 수 있습니다.

예를 들어 커스텀 기능이 있는 WPBakery 페이지 빌더를 사용하고 있습니다.스타일(배경 등)을 포함한 빈 스팬을 허용하기 위해 위의 코드를 기능에 추가했습니다.php 및 php를 배치했습니다.
태그를 붙입니다.

스판 블록에는 스타일링이 작성되는 커스텀클래스 .break 가 있습니다.그 후 디스플레이를 설정합니다:none on the styling
.break 클래스 내에서 태그를 지정하여 스타일은 유지되지만 여분의 공간은 제거됩니다.

<span class="break"><br></span>

.break br {display:none;}

이제 빈 스팬 태그가 정상적으로 표시됩니다.

언급URL : https://stackoverflow.com/questions/44261039/wordpress-removes-empty-span-tag