#draftjs #react-draft-wysiwyg
Вопрос:
Я использую редактор react-draft-wysiwyg, и мне нужно использовать вкладку. Я хочу, чтобы при нажатии клавиши tab оставалось 4 пробела. Для этого я добавил событие onTab, но оно не работает. Что не так с моим кодом?
Пожалуйста, помогите.
Спасибо
Код;
import "draft-js/dist/Draft.css"; import { Editor } from "react-draft-wysiwyg"; import { EditorState, ContentState, convertToRaw, RichUtils, getDefaultKeyBinding } from "draft-js"; import "react-draft-wysiwyg/dist/react-draft-wysiwyg.css"; const NewTac = (props) =gt; { const [textState, setTextState] = useState(EditorState.createEmpty()); const onHandleKeyBindings = (e) =gt; { if (e.keyCode === 9) { setTextState(RichUtils.onTab(e, textState, 4)); return } return getDefaultKeyBinding(e); }; return ( lt;FormContainergt; lt;Editor editorState={textState} toolbarClassName="toolbarClassName" wrapperClassName="wrapperClassName" editorClassName={classes.editorClassName} onEditorStateChange={onEditorStateChange} onTab={onHandleKeyBindings} /gt; )} lt;/FormContainergt; ); }; export default NewTac;