我正在为我的聊天应用程序使用草稿 js 编辑器,并且我想要一个功能,例如在“Enter”按键上我想发送该消息,并且当我们的列表模式启用时,然后为此创建一个新的项目符号点。
第二,我想为 shift+enter 键创建一个新行,此外,在列表模式下,我想为 shift+enter 键创建一个新的项目符号点
这是我的代码:
<Editor
placeholder='Type a message...'
editorKey="my-editor"
editorState={editorState}
onChange={handleEditorChange}
keyBindingFn={handleKeyBind}
handleKeyCommand={handleKeyCommand}
/>
handleKeyBind: e => {
if (e.keyCode === 13 && !e.shiftKey && !(e.metaKey || e.ctrlKey)) {
return 'send-message';
} else if (e.keyCode === 13 && e.shiftKey) {
return 'split-block';
}
return getDefaultKeyBinding(e);
}
handleKeyCommand: (command, editorState) => {
if (command === 'send-message') {
sendMessage()
return 'handled';
}
return 'not-handled';
},