WordPress删除空跨度标签

Question

我使用wordpress-editor，我想在这样的"跨度" -TAG中显示图标：

<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"时，它都会删除"跨度" -TAG，看起来像这样：

<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-Asswer"(。我想念什么吗？我已经尝试在标签中设置一个＆amp; nbsp"＆amp; nbsp"，在更改" Visual"中的文本并使用不同的标签之后，它将转换为"(实际的Whitespace(。

谢谢！

Answer 1

在您的Active主题function.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');

Answer 2

更具体一点 - 如果它们具有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');

也许我做错了什么，但是对我来说它有效。我仍然确定有一个更好的解决方案 - 能够仅在有效元素中添加一个特定标签，这将是一件好事。

Answer 3

带有上述答案(val(该功能将允许空标签，但是由于主题结构或任何页面构建器插件，这仍然可能无法工作。

例如，我正在使用带有自定义功能的WPBakery页面构建器。对于我允许使用样式的空跨度(例如背景(，我将上述代码添加到我的functions.php中，还将
标签放置在块中。

SPAN块具有自定义类。破坏了创建样式的位置，然后设置一个显示：break类中的
标签上的任何一个都不是，因此造型仍然保留，但是删除了额外的空间。p> <span class="break"><br></span>

.break br {display:none;}

现在，空跨度标签应如正常显示。