如何从mui-rte编辑器获取输入数据



我正在做一个问答;一个我使用mui rte实现表单的平台——就像我现在键入的那个平台一样。我的问题是,我不知道如何在不必点击"发货"的情况下获得数据;保存";按钮

或者,我如何在react中实现像这样的arte?所需功能:数学符号、代码编辑器、纯文本

import MUIRichTextEditor from 'mui-rte'
import { convertToRaw } from 'draft-js'
const yourComponent = () => {
const [value, setValue] = setState('')
const onEditorChange = event => {
const plainText = event.getCurrentContent().getPlainText() // for plain text
const rteContent = convertToRaw(event.getCurrentContent())) // for rte content with text formating
rteContent && setValue(JSON.stringify(rteContent)) // store your rteContent to state
}
return (
<MUIRichTextEditor
label="Your label"
controls={['numberList', bulletList ]}
value={value}
onChange={onEditorChange}
/>
)
}

controls-获取所需控件的字符串数组例如。"标题"|"粗体"|"italic"|"下划线"|"链接"|"numberList"|"bulletList"|"引用"|"代码"|"清除"|"保存"|"媒体"|"删除线"|"突出显示";

在这里,我将RTE内容对象存储为字符串,但如果你想按原样存储对象,那就由你决定了。

最新更新