Kendo编辑器无法在React响应模式下正常工作

时间:2019-10-10 09:58:08

标签: reactjs kendo-ui bootstrap-modal react-bootstrap kendo-editor

我正在构建一个在模态中具有Kendo编辑器组件的表单。对于模态,我正在使用反应响应模态。 Kendo编辑器正在加载,但是既不可编辑,也不可填充初始值。

我在加载模式时尝试了setTimeout,但没有成功。我将相同的Kendo编辑器组件与另一个没有模态的组件放置在一起,并且运行良好。仅当编辑器组件位于模式内部时,我才面临该问题。

<Modal open={open} onClose={this.onCloseModal} classNames={{modal: 'modal-wrap'}}>
   <form>
       <Editor name="signature"
                   tools={[
                     [ Bold, Italic, Underline ],
                     [ Undo, Redo ],
                     [ Link, Unlink ],
                     [ AlignLeft, AlignCenter, AlignRight ],
                     [ OrderedList, UnorderedList, Indent, Outdent ]
                   ]}
                   contentStyle={{ height: 320 }}
                   ref={editor => this.editor = editor}
       />
       <button onClick={this.submitForm}>Submit</button>
   </form>
</Modal>

我希望Kendo编辑器也可以在模式内工作。

0 个答案:

没有答案
相关问题