Command to insert text

[duhaime]

I'm trying to use the prosemirror command interface to insert text with a custom mark set.

I see that prosemirror has schema.text() as a method to insert text, but that's not part of the prosemirror-commands.

Is there a way to insert text with custom marks using the prosemirror command interface?

[duhaime]

Aha, one can call the schema.text method from inside a custom command:

export const InsertText = createCmdKey();
const pluginText = () => async (ctx) => {
  await ctx.wait(CommandsReady);
  const commandManager = ctx.get(commandsCtx);
  const schema = ctx.get(schemaCtx);
  commandManager.create(InsertText, () => {
    return (state, dispatch) => {
      if (!dispatch) return true;
      const { tr, selection } = state;
      const { from, to } = selection;
      const schema = ctx.get(schemaCtx)
      // if there's a selection, store the selected text in `text`
      const slice = state.doc.cut(from, to);
      // handle case that there's no node between from and to
      let text = '';
      try {
        text = slice.textBetween(from, to);
      } catch (err) {}
      // make the text to be inserted -- NB: you can insert marks after 'wheee'
      const node = schema.text('wheee');
      if (!node) {
        return true;
      }
      dispatch(tr.replaceSelectionWith(node).scrollIntoView())
    }
  });
};

Then one needs to call .use(pluginText) on the editor (just as any other plugin), and one can dispatch the InsertText command as needed:

<div onClick={() => { ctx.get(commandsCtx).call(InsertText) }}>insert text</div>