自定义属性名需要用 custom- 前缀；不支持自定义标签，会被忽略。

自定义属性名需要用 custom- 前缀；不支持自定义标签，会被忽略。

收到，谢谢！

自定义属性名需要用 custom- 前缀；不支持自定义标签，会被忽略。

请教下，是这样添加吗？添加后，再次编辑或调用updateBlock元素还是被删除。

<img alt="demo/出纳记账" class="emoji" custom-demodemodemo="demodemodemo" src="/emojis/demo/出纳记账.png" title="demo/出纳记账">

应该不会被删除吧，我的脚注插件也对脚注引用和选中的文字加了自定义属性，是可以保留的
不过自定义的是span标签，img没试过

只有块级元素支持自定义属性，行级元素不支持。

只有块级元素支持自定义属性，行级元素不支持。

明白了，谢谢D大！

应该不会被删除吧，我的脚注插件也对脚注引用和选中的文字加了自定义属性，是可以保留的 不过自定义的是span标签，img没试过

你的span是在哪里？块内吗？

这个演示的是span内，不行的。

直接改html源码是不会被保存的
不过怎么保存我也不会，我是直接抄别人的代码，发现能用，就继续用了

直接改html源码是不会被保存的 不过怎么保存我也不会，我是直接抄别人的代码，发现能用，就继续用了

是的，修改后如果不需要手动修改块内容是没事的，如果修改的话非官方自带的元素和属性会被清除。

我觉得应该可以用块的自定义属性保存，然后加载时解析出来，每次修改后再重新渲染，太麻烦了，还是改用其他方案吧

直接改html源码是不会被保存的 不过怎么保存我也不会，我是直接抄别人的代码，发现能用，就继续用了

是的，修改后如果不需要手动修改块内容是没事的，如果修改的话非官方自带的元素和属性会被清除。

我觉得应该可以用块的自定义属性保存，然后加载时解析出来，每次修改后再重新渲染，太麻烦了，还是改用其他方案吧

可以试试这个函数

let memoELement = document.querySelector(`span[data-id="${newBlockId}"]`);
if (memoELement) {
    memoELement.setAttribute("custom-footnote", newBlockId);
    // 保存脚注块引添加的自定义属性值
    saveViaTransaction(memoELement)
}

function saveViaTransaction(protyleElem) {
    let protyle: HTMLElement
    if (protyleElem != null) {
        protyle = protyleElem
    }
    if (protyle === null)
        protyle = document.querySelector(".card__block.fn__flex-1.protyle:not(.fn__none) .protyle-wysiwyg.protyle-wysiwyg--attr")
    if (protyle === null)
        protyle = document.querySelector('.fn__flex-1.protyle:not(.fn__none) .protyle-wysiwyg.protyle-wysiwyg--attr') //需要获取到当前正在编辑的 protyle
    let e = document.createEvent('HTMLEvents')
    e.initEvent('input', true, false)
    protyle.dispatchEvent(e)
}

直接改html源码是不会被保存的 不过怎么保存我也不会，我是直接抄别人的代码，发现能用，就继续用了

是的，修改后如果不需要手动修改块内容是没事的，如果修改的话非官方自带的元素和属性会被清除。
我觉得应该可以用块的自定义属性保存，然后加载时解析出来，每次修改后再重新渲染，太麻烦了，还是改用其他方案吧

可以试试这个函数

let memoELement = document.querySelector(`span[data-id="${newBlockId}"]`);
if (memoELement) {
    memoELement.setAttribute("custom-footnote", newBlockId);
    // 保存脚注块引添加的自定义属性值
    saveViaTransaction(memoELement)
}

function saveViaTransaction(protyleElem) {
    let protyle: HTMLElement
    if (protyleElem != null) {
        protyle = protyleElem
    }
    if (protyle === null)
        protyle = document.querySelector(".card__block.fn__flex-1.protyle:not(.fn__none) .protyle-wysiwyg.protyle-wysiwyg--attr")
    if (protyle === null)
        protyle = document.querySelector('.fn__flex-1.protyle:not(.fn__none) .protyle-wysiwyg.protyle-wysiwyg--attr') //需要获取到当前正在编辑的 protyle
    let e = document.createEvent('HTMLEvents')
    e.initEvent('input', true, false)
    protyle.dispatchEvent(e)
}

👍👍👍 你这个确实可以耶，但仅限第一层的span，第二层就不行了，img也不行。第一层的话，不用saveViaTransaction这个函数也行。

@wish5115 span不能嵌套，只能叠加自定义属性和data-type

只能叠加自定义属性和data-type

感谢！原来如此！学习了！