How to use the prosemirror-schema-list.liftListItem function in prosemirror-schema-list

To help you get started, we’ve selected a few prosemirror-schema-list examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github pubpub / pubpub-editor / src / plugins / keymap.js View on Github external
const cmd = chainCommands(exitCode, (state, dispatch) => {
			dispatch(
				state.tr.replaceSelectionWith(schema.nodes.hard_break.create()).scrollIntoView(),
			);
			return true;
		});
		bind('Mod-Enter', cmd);
		bind('Shift-Enter', cmd);
		if (mac) bind('Ctrl-Enter', cmd);
	}
	if (schema.nodes.list_item) {
		bind('Enter', splitListItem(schema.nodes.list_item));
		bind('Mod-[', liftListItem(schema.nodes.list_item));
		bind('Mod-]', sinkListItem(schema.nodes.list_item));
		bind('Tab', sinkListItem(schema.nodes.list_item));
		bind('Shift-Tab', liftListItem(schema.nodes.list_item));
	}
	if (schema.nodes.paragraph) {
		bind('Shift-Ctrl-0', setBlockType(schema.nodes.paragraph));
	}
	if (schema.nodes.code_block) {
		bind('Shift-Ctrl-\\', setBlockType(schema.nodes.code_block));
	}
	if (schema.nodes.heading) {
		for (let index = 1; index <= 6; index += 1) {
			bind(`Shift-Ctrl-${index}`, setBlockType(schema.nodes.heading, { level: index }));
		}
	}
	if (schema.nodes.horizontal_rule) {
		bind('Mod-_', (state, dispatch) => {
			dispatch(
				state.tr
github nib-edit / Nib / packages / core / src / plugins / list / commands.js View on Github external
const liftToRoot = (listType, state, dispatch) => {
  let selPos = state.selection.$from.depth;
  while (selPos > 1) {
    liftListItem(listType)(state, dispatch);
    selPos -= 2;
  }
  return true;
};
github ifiokjr / remirror / @remirror / core-extensions / src / nodes / list-item.ts View on Github external
public keys({ type }: SchemaNodeTypeParams) {
    return {
      Enter: splitListItem(type),
      Tab: sinkListItem(type),
      'Shift-Tab': liftListItem(type),
    };
  }
}
github netlify / netlify-cms / src / components / Widgets / Markdown / MarkdownControl / VisualEditor / keymap.js View on Github external
if (type = schema.nodes.ordered_list)
    bind('Shift-Ctrl-9', wrapInList(type));
  if (type = schema.nodes.blockquote)
    bind('Ctrl->', wrapIn(type));
  if (type = schema.nodes.hard_break) {
    let br = type, cmd = chainCommands(newlineInCode, (state, onAction) => {
        onAction(state.tr.replaceSelection(br.create()).scrollAction());
        return true;
      });
    bind('Mod-Enter', cmd);
    bind('Shift-Enter', cmd);
    if (mac) bind('Ctrl-Enter', cmd);
  }
  if (type = schema.nodes.list_item) {
    bind('Enter', splitListItem(type));
    bind('Mod-[', liftListItem(type));
    bind('Mod-]', sinkListItem(type));
  }
  if (type = schema.nodes.paragraph)
    bind('Shift-Ctrl-0', setBlockType(type));
  if (type = schema.nodes.code_block)
    bind('Shift-Ctrl-\\', setBlockType(type));
  if (type = schema.nodes.heading)
    for (let i = 1; i <= 6; i++) bind(`Shift-Ctrl-${ i }`, setBlockType(type, { level: i }));
  if (type = schema.nodes.horizontal_rule) {
    const hr = type;
    bind('Mod-_', (state, onAction) => {
      onAction(state.tr.replaceSelection(hr.create()).scrollAction());
      return true;
    });
  }
github nib-edit / Nib / packages / core / src / plugins / list / keymaps.js View on Github external
"Shift-Tab": (state, dispatch) => {
    return liftListItem(state.schema.nodes.listItem)(state, dispatch);
  }
});
github pubpub / pubpub / src / components / AtomTypes / Document / proseEditor / keymap.js View on Github external
if (type = schema.nodes.ordered_list)
    bind("Shift-Ctrl-Digit9", wrapInList(type))
  if (type = schema.nodes.blockquote)
    bind("Shift-Ctrl-Period", wrapIn(type))
  if (type = schema.nodes.hard_break) {
    let br = type, cmd = chainCommands(newlineInCode, (state, onAction) => {
      onAction(state.tr.replaceSelection(br.create()).scrollAction())
      return true
    })
    bind("Mod-Enter", cmd)
    bind("Shift-Enter", cmd)
    if (mac) bind("Ctrl-Enter", cmd)
  }
  if (type = schema.nodes.list_item) {
    bind("Enter", splitListItem(type))
    bind("Mod-BracketLeft", liftListItem(type))
    bind("Mod-BracketRight", sinkListItem(type))
  }
  if (type = schema.nodes.paragraph)
    bind("Shift-Ctrl-Digit0", setBlockType(type))
  if (type = schema.nodes.code_block)
    bind("Shift-Ctrl-Backslash", setBlockType(type))
  if (type = schema.nodes.heading) for (let i = 1; i <= 6; i++)
    bind("Shift-Ctrl-Digit" + i, setBlockType(type, {level: i}))
  if (type = schema.nodes.horizontal_rule) {
    let hr = type
    bind("Mod-Shift-Minus", (state, onAction) => {
      onAction(state.tr.replaceSelection(hr.create()).scrollAction())
      return true
    })
  }
github ifiokjr / remirror / @remirror / core-utils / src / command-utils.ts View on Github external
export const toggleList = (type: NodeType, itemType: NodeType): CommandFunction => (state, dispatch) => {
  const isActive = isNodeActive({ state, type });

  if (isActive) {
    return liftListItem(itemType)(state, dispatch);
  }

  return wrapInList(type)(state, dispatch);
};
github ifiokjr / remirror / @remirror / core / src / commands / toggle-list.ts View on Github external
export const toggleList = (type: NodeType, itemType: NodeType): CommandFunction => (state, dispatch) => {
  const isActive = nodeActive(state, type);

  if (isActive) {
    return liftListItem(itemType)(state, dispatch);
  }

  return wrapInList(type)(state, dispatch);
};
github tinacms / tinacms / packages / tinacms / fields / src / Wysiwyg / state / plugins / keymap / keymap.ts View on Github external
}

  /**
   * Horizontal Rule
   */
  if ((type = schema.nodes.horizontal_rule)) {
    bind('Mod-Enter', insertHr)
  }

  /**
   * Lists
   */
  if ((type = schema.nodes.list_item)) {
    bind('Enter', splitListItem(type))
    bind('Tab', sinkListItem(type))
    bind('Shift-Tab', liftListItem(type))
  }

  return keys
}
github cosmocode / dokuwiki-plugin-prosemirror / script / plugins / Menu / menu.js View on Github external
const bulletList = new MenuItem({
    icon: svgIcon('format-list-bulleted'),
    command: wrapInList(schema.nodes.bullet_list, {}),
    label: 'Wrap in bullet list',
});

const orderedList = new MenuItem({
    icon: svgIcon('format-list-numbers'),
    command: wrapInList(schema.nodes.ordered_list, {}),
    label: 'Wrap in ordered list',
});

const liftListItemMenuItem = new MenuItem({
    icon: svgIcon('arrow-expand-left'),
    command: liftListItem(schema.nodes.list_item),
    label: 'Lift list item',
});
const sinkListItemMenuItem = new MenuItem({
    icon: svgIcon('arrow-expand-right'),
    command: sinkListItem(schema.nodes.list_item),
    label: 'Sink list item',
});

const paragraphMenuItem = new MenuItem({
    command: setBlockType(schema.nodes.paragraph),
    icon: svgIcon('format-paragraph'),
    label: 'Paragraph',
});

const codeBlockMenuItem = new MenuItem({
    command: setBlockTypeNoAttrCheck(schema.nodes.code_block),