在vue3中如何获取到editor？

[humandetail]

我通过 editorRef.value.get() 获取出来的是个undefined；通过 editorRef.value.dom() 却能获取出来正常的DOM

const MilkEditor = defineComponent<{ value: string }>((props) => {
  
  onMounted(() => {
    setTimeout(() => {
      console.log(editorRef.value.get()); // undefined
      console.log(editorRef.value.dom()); // 这里可以获取到正常的dom
    }, 2000)
  })

  const editorRef = ref<EditorRef>({ get: () => undefined, dom: () => null });;

  const editor = useEditor((root) => 
    Editor.make()
      .config((ctx) => {
        ctx.set(rootCtx, root);
        ctx.set(defaultValueCtx, props.value)
        ctx.get(listenerCtx)
          .beforeMount((ctx) => {
            // before the editor mounts
          })
          .mounted((ctx) => {
            // after the editor mounts
          })
          .updated((ctx, doc, prevDoc) => {
            // when editor state updates
          })
          .markdownUpdated((ctx, markdown, prevMarkdown) => {
            // when markdown updates
            // emit('update:value', markdown);
          })
          .blur((ctx) => {
            // when editor loses focus
          })
          .focus((ctx) => {
            // when focus editor
          })
          .destroy((ctx) => {
            // when editor is being destroyed
          });
      })
      .use(tooltip)
      .use(nordDark)
      .use(commonmark)
      // .use(gfm)
      .use(clipboard)
      .use(cursor)
      .use(listener)
      .use(prism)
      .use(slash)
      .use(emoji)
      .use(history)
      .use(table)
      .use(menu())
  )

  return () => <VueEditor editorRef={editorRef} editor={editor} />;
})

浏览器输出如下：

[cathino]

我也没获取到

[humandetail]

那个报错是因为插件使用顺序的问题，至于如何获取 editor，我好久没用了，你看下文档吧

[cathino]

我参考 一个日本人的例子 实现了功能,尽管看起来和demo代码差不多

[stonexthree]

试试这样？
ctx.get(listenerCtx)
.mounted((ctx) => {
//获取并绑定编辑器对象
editorRef.value = ctx.get(editorCtx);
})

[reonokiy]

在<MilkdownProvider>包装的组件中使用useInstance()

参考

• https://milkdown.dev/docs/api/plugin-tooltip#use-with-vue
• https://milkdown.dev/docs/recipes/react#accessing-the-editor-instance