WordPress可視化編輯器tinymce如何保留自定義屬性

Question

我正在寫一個WordPress插件，它向WP中的tinymce編輯器添加按鈕。我將自定義屬性添加到DOM元素，如data-initial =「3」..但WordPress不保存它們。即使我嘗試在HTML編輯器中編寫自定義屬性，但切換到可視編輯器時，自定義屬性不再存在。

任何使WP保留自定義屬性的解決方案？

謝謝！

Answer 1

您需要將您的自定義屬性添加到valid_elements在TinyMCE的初始化

valid_elements: "@[id|class|title|style|data-initial|...]," + //Your attributes HERE!!! 
     "a[name|href|target|title]," + 
     "#p,-ol,-ul,-li,br,img[src],-sub,-sup,-b,-i," + 
     "-span,hr", 

，以保持他們在編輯器 - 否則TinyMCE的清理功能將其刪除（因爲它們是無效的）。

Answer 2

使用extended_valid_elements將您的自定義屬性添加到現有規則。使用valid_elements將打破目前的規則

這是我的例子

$args = array(
    'textarea_rows' = > 15, 
    'teeny' = > true, 
    'quicktags' = > true, 
    'media_buttons' = > false, 
    'tinymce' = > array('extended_valid_elements' = > "@[data-initial]") 
); 

wp_editor(get_post_meta($post_id, 'spintaxed_cnt', 1), 'spinner-editor', $args);