Add a keyboard shortcut to a custom toolbar entry

[ajboni]

I've set up some custom toolbar, that enters text in the editor, what is the recommend approach to add a keyboard shortcut for this? create a plugin?

  const PickUpDocument = () => {
    const insertDirective = usePublisher(insertDirective$);

    return (
      <div
        className={toolbarButtonClassWrapperClass}
        onClick={() =>
          docPicker.show({
            onSelect: (selectedDoc) => {
              console.log(selectedDoc);
              insertDirective({
                name: "doc",
                type: "textDirective",
                attributes: {
                  id: selectedDoc._id
                }
              });
            
            }
          })
        }
      >
        <div
          className="flex items-center gap-1"
          data-tooltip-id="gdd-toolbar-pick-document"
          data-tooltip-content="Insert a Link to a Document"
        >
          <AiOutlineDeliveredProcedure size={20} />
        </div>
      </div>
    );

const allPlugins = (diffMarkdown) => [
    toolbarPlugin({
      toolbarContents: () => {
        const CustomToolbar = customToolbar.type;
        return (
          <>
            {" "}
            <CustomToolbar selectedDoc={doc} />
            <Separator />
            <PickUpDocument />
            <PickupImage />
            <Separator />
            <CustomMDXToolbar className="toolbar-icons"></CustomMDXToolbar>
          </>
        );
      }
    }),

[cklaffer]

+1