javascript - Rangy:如何使用动态元素属性创建 CssClassApplier

Question

我的代码:

var cssApplier;
        window.onload = function () {
            rangy.init();
            cssApplier = rangy.createCssClassApplier("highlight", {
                ignoreWhiteSpace: true,
                elementTagName: "span",
                elementProperties: {
                    id: new Date()
                }
            })
        };    

但是当我调用

cssApplier.applyToSelection();

它总是呈现具有相同 id 属性的 span，如何设置动态 id 属性？

Answer 1

new Date() 在您调用 rangy.createCssClassApplier() 时仅计算一次。您可以为每个创建的元素生成一个新的 id 的唯一方法是，如果 Rangy 提供了在每次创建新元素时指定回调的方法，但目前没有。但是，这是我一直在考虑添加的内容。我在 Rangy 问题跟踪器中添加了一个问题:

https://github.com/timdown/rangy/issues/143

更新

您现在可以在 Rangy 1.3 中通过在选项对象中传递 onElementCreate 来执行此操作:

var id = 0;
var applier = rangy.createApplier("someClass", {
    onElementCreate: function(el) {
        el.id = "rangySpan_" + (id++);
    }
});