This is still the text editor you’re used to, but enriched with node views.
\nDid you see that? That’s a Svelte component. We are really living in the future.
\n `,\n });\n});\n```\n\n### Access/Update Attributes\n\nRefer https://www.tiptap.dev/guide/node-views/react/#all-available-props for the list of all available attributes. You can access them like\n\n```ts\nimport type { NodeViewProps } from '@tiptap/core';\n\nlet { node, updateAttributes }: NodeViewProps = $props();\n\n// update attributes\nconst handleClick = () => {\n updateAttributes({ count: node.attrs.count + 1 });\n};\n```\n\n### Dragging\n\nTo make your node views draggable, set `draggable: true` in the extension and add `data-drag-handle` to the DOM element that should function as the drag handle.\n\n### Adding a content editable\n\nThere is another action called `editable` which helps you adding editable content to your node view. Here is an example.\n\n```svelte\n\n\n