CK 编辑器 - 复制和粘贴

Question

我正在尝试复制并粘贴自定义下拉菜单。自定义下拉列表 html 如下所示 -

<span class="fp-dropdown-popup elastic-input error" contenteditable="false">
    <button class="fp-dropdown-button" tabindex="0">
        <span class="fp-placeholder">Select One</span>
    </button>
    <span class="fp-menu" data-fp-items="[goods]">
    </span>
</span>

在 CK 编辑器 afterPaste 事件中，我检查了我的 html，它看起来像这样 -

<span contenteditable="false">
    <button tabindex="0">
        <span>Select One</span>
    </button>
    <span data-fp-items="[goods]">
    </span>
</span>

所有类已从所有元素中删除。

我浏览了几篇帖子，上面说要确保允许的内容是真实的，而且确实如此。 config.allowedContent = true;

我还应该寻找什么来找出这些属性被删除的位置？

Answer 1

您的规则似乎未应用（或已被覆盖）

如果您运行在浏览器控制台

CKEDITOR.instances[YOUR_INSTANCE_NAME].filter.allowedContent

它应该输出长度为零的数组，这意味着一切都是允许的。

您可以尝试在此处粘贴自定义下拉菜单 - https://sdk.ckeditor.com/samples/acf.html 在底部编辑器上，至于我，一切都被保留了。

CK 编辑器 - 复制和粘贴

CK Editor - copy and paste

ckeditor