Inline editable node view.

[Wiblz]

I'm trying to implement a block node with a custom node view and an editable text inside. The node also has a default content, which should be there when the node is created/inserted with a command.
Here's my try of implementation:

<script>
   ...
   $: text = node.attrs.text || DEFAULT_CUT_TEXT;
</script>

<NodeViewWrapper class={'svelte-component' + (selected ? ' selected' : '')}>
<cut class="p-2">
    <span use:editable>
        {text}
    </span>
</cut>
</NodeViewWrapper>

cut here represents a custom node. The issue with this implementation is this:

The content is inserted in span, but it's not part of the editable div. Moreover, div splits span, that is supposed to be displayed inline in 2 lines. What's the correct way of setting initial editable content for the node view?

[sibiraj-s]

May be you should try v1 stable. there are several improvement to renderer,

also the implementation changed a bit See https://github.com/sibiraj-s/svelte-tiptap#adding-a-content-editable.

Let me know if that helps.