WordPress 删除空的 span 标签

Question

我使用 WordPress 编辑器，我想在“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>

每当我在“视觉”中进行更改时，它都会删除“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="question1-answer")。我错过了什么吗？我已经尝试在标签中设置一个空格“ ”，在更改“visual”中的文本并使用不同的标签后，它将转换为“”(实际空格)。

谢谢!

Answer 1

将此代码添加到您的事件主题 functions.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');