How to get the editor top level node only on demand ?

[Xuffasch]

Hello,

I'm interested in getting the current doc node in Milkdown on-demand, such as when I click on a button for example, but the listener is only sending the doc node on updates.

Is there any way I can do that ?

I'm currently creating a ProseMirror editor to visually apply structure to plain text for non-tech people. I would be very interested to translate that text structure to markdown for static site generation but also translate existing markdown text into my visual formatting with nodeviews. I was thinking that I would copy the doc node from Milkdown then use it in my ProseMirror editor.

I don't want to have to update the document to trigger the retrieval of the latest version of the doc node.

I hope I was clear in my explanation.

[Saul-Mirone]

const milkdown = new Editor().create();

const node = milkdown.getNode();

Do you mean something like this?

[Xuffasch]

Yes, something like this.

This is currently not possible, isn't it ? I see that the Editor().create() returns undefined for now.

I thought that Milkdown editor would work like Prosemirror EditorView from which you can get the doc using editorView.state.doc

[Saul-Mirone]

In fact you can get the prosemirror view:

const editor = new Editor()

editor.use(...).create()

const view = editor.view

---

The version 4.6 has been released and you can use following code:

BTW, I still need to update doc about this

import { Editor, editorViewOptionsCtx, editorViewCtx } from '@milkdown/core';

async function createEditor() {
    const newEditor = await new Editor()
        .config(ctx => {
            ctx.update(editorViewOptionsCtx, prev => ({ ...prev, root: root2, defaultValue: content2 }))
        })
        .use([directiveRemarkPlugin, titleNode])
        .use(commonmark)
        .create();

    const view = newEditor.action(ctx => ctx.get(editorViewCtx));

    // do whatever you want.
    const doc = view.state.doc;
}

[Saul-Mirone]

There are some syntax issues in your sample code so I couldn't tell where the problem is. In fact there won't be any difference wether you use the plugins following the constructor or later. Maybe you can provide a sample project so I can clone it to see where the problem is. Or if you are not in a hurry, there will be an exciting major release version with much improvements in this week.

[Saul-Mirone]

You can have a taste of it at here: https://github.com/Saul-Mirone/milkdown/blob/functional-plugin/packages/preset-commonmark/app/main.ts

[Saul-Mirone]

Hi, @Xuffasch. The version 4.6 has been released and you can use following code:

BTW, I still need to update doc about this

import { Editor, editorViewOptionsCtx, editorViewCtx } from '@milkdown/core';

async function createEditor() {
    const newEditor = await new Editor()
        .config(ctx => {
            ctx.update(editorViewOptionsCtx, prev => ({ ...prev, root: root2, defaultValue: content2 }))
        })
        .use([directiveRemarkPlugin, titleNode])
        .use(commonmark)
        .create();

    const view = newEditor.action(ctx => ctx.get(editorViewCtx));

    // do whatever you want.
    const doc = view.state.doc;
}

[adaboese]

Thank you. This really works. The only challenge I have now is that selector does not update when listener.markdownUpdated is triggered. Just wondering if I introduced an error or if your provided example does not account for that?

[adaboese]

I was missing ctx.get(editorViewCtx).state.doc. Thank you!