Aktualisieren des Attributs des Zeltap -Knotens ⇐ JavaScript

[Anonymous]

Ich verwende Tiptap 2.12.0. PrettyPrint-Override ">

Code: Select all

export function slugify(text) {
return text
.toString()
.toLowerCase()
.trim()
.replace(/\s+/g, "-") // Replace spaces with -
.replace(/[^\w\-]+/g, "") // Remove all non-word chars
.replace(/\-\-+/g, "-") // Replace multiple - with single -
.replace(/^-+/, "") // Trim - from start of text
.replace(/-+$/, ""); // Trim - from end of text
}

const CustomHeading = Heading.extend({
renderHTML({ node, HTMLAttributes }) {
HTMLAttributes["name"] = slugify(node.textContent);
return this.parent?.({ node, HTMLAttributes });
},
});
< /code>
Es funktioniert gut beim Erstellen neuer Header. Ich muss dies jedoch aktualisieren, damit es den Wert des Namens 

aktualisiert, wenn der Benutzer den Inhalt der Überschrift ändert.>