draftjs快捷键绑定

快捷键绑定

编辑器组件可灵活地为您的编辑器定义自定义键绑定,通过keyBindingFn prop, 这样允许你的编辑器组件匹配快捷键命令

默认设置

默认快捷键绑定函数是getDefaultKeyBinding

因为draft对DOM渲染和行为保持严格控制,基础编辑命令必须被捕获,并且通过键绑定系统进行路由

getDefaultKeyBinding 将已知的OS级编辑器命令映射到DraftEditorCommand字符串,然后这些字符串与组件处理程序中的行为相对应

例如,CTRL+Z(win)和Cmd+z(OSX)映射到‘undo’命令,该命令随后路由我们的处理程序以执行EditorState.undo()

自定义

你可以提供自己快捷键绑定函数,供给自定义命令字符串

推荐你的函数用getDefaultKeyBinding作为替代方案,以便你的编辑器可以从默认命令中受益

用你的自定义命令字符串,你可以实现handleKeyCommand prop 函数 ,命令字符串映射到你想要的行为,如果 handleKeyCommand 返回 ‘handled’则该命令视为已处理,如果返回‘not-handled’该命令将失败

例子


评论

发表回复