可视化编辑器中删除的数据折叠式图标

时间:2015-05-15 作者:timmyg

使用Foundation 5的accordion和中的data accordion html data属性:

<dl class="accordion" data-accordion>
当用户仅使用可视化编辑器编辑页面时,将被删除。

有人知道防止这种情况发生的方法吗?

我注意到了这个link 这允许您为TinyMCE和WP-kse注册额外的HTML属性,尽管我不知道该放在哪里data-accordion 在该代码中。

1 个回复
最合适的回答,由SO网友:Wali Hassan 整理而成

下面是一个如何更新kses和TinyMCE以允许在WordPress中选择data-*属性的示例。Reference

add_action( \'after_setup_theme\', \'x_kses_allow_data_attributes_on_links\' );
function x_kses_allow_data_attributes_on_links() {
  global $allowedposttags;

    $tags = array( \'a\' );
    $new_attributes = array(
        \'data-foo\' => array(),
        \'data-bar\' => array(),
    );

    foreach ( $tags as $tag ) {
        if ( isset( $allowedposttags[ $tag ] ) && is_array( $allowedposttags[ $tag ] ) )
            $allowedposttags[ $tag ] = array_merge( $allowedposttags[ $tag ], $new_attributes );
    }
}

add_filter( \'tiny_mce_before_init\', \'x_tinymce_allow_data_attributes_on_links\' );
function x_tinymce_allow_data_attributes_on_links( $options ) { 
    if ( ! isset( $options[\'extended_valid_elements\'] ) ) 
        $options[\'extended_valid_elements\'] = \'\'; 

    $options[\'extended_valid_elements\'] .= \',a[data-foo|data-bar|class|id|style|href]\';

    return $options; 
}

结束