Aktualisieren des Attributs des Zeltap -Knotens
Posted: 11 May 2025, 22:20
Ich verwende Tiptap 2.12.0. PrettyPrint-Override "> aktualisiert, wenn der Benutzer den Inhalt der Überschrift ändert.>
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