WordPress 编辑器删除 div 属性

Question

我正在为即将举行的海洋会议提供一个 wordpress 网站。我正在做的一件事是创建一个交互式平台页面。它使用 css 和 javascript 的组合。我注意到我放入的每个 div 标签，它一直在删除一些属性。比如……

我输入：

<div id="booth107"
          class="booth booth_20x10bronze"
          data-name="Fluval"
          data-link="http://www.fluvalaquatics.com/"
          data-logo="http://piscespets.com/wp-content/uploads/fluval-logo.jpg"
>&nbsp;</div>

它出来了：

<div id="booth107" class="booth booth_20x10bronze">&nbsp;</div>

我是在文本模式下编辑，而不是视觉模式，我没有来回翻转。

有人知道为什么我可能会丢失一些 div 属性吗？

Answer 1

尝试在您的functions.php中添加此代码以覆盖混乱的html代码。

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