Question

我正在编写一个WordPress插件，为WP中的tinymce编辑器添加按钮。我正在为DOM元素添加自定义属性，例如data-initial =＆＃34; 3＆＃34; ..但WordPress不保存它们。即使我在切换到可视化编辑器时尝试在html编辑器中编写自定义属性，然后又不再有自定义属性了。

任何使WP保留自定义属性的解决方案？

谢谢！

Answer 1

您需要在tinymce init

中将自定义属性添加到valid_elements

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);

WordPress可视化编辑器如何保留自定义属性

2 个答案: