Javascript 在TinyMCE中向下输入行时出错
我在react应用程序中使用TyniMCE。我将MCE init配置为: 从'@tinymce/tinymce-react'导入{Editor}; ....Javascript 在TinyMCE中向下输入行时出错,javascript,reactjs,Javascript,Reactjs,我在react应用程序中使用TyniMCE。我将MCE init配置为: 从'@tinymce/tinymce-react'导入{Editor}; .... 您使用的是受控组件,因此需要用onEditorChange替换onChange道具,它将解决此问题。 笔记 您将在onEditorChange中获得值,而不是事件对象。 举个例子 import React from 'react'; import { Editor } from '@tinymce/tinymce-rea
您使用的是受控组件,因此需要用onEditorChange替换onChange道具,它将解决此问题。 笔记 您将在onEditorChange中获得值,而不是事件对象。 举个例子
import React from 'react';
import { Editor } from '@tinymce/tinymce-react';
const Tinymce = ({
value,
onChange,
height = 350,
id = 'tinymce',
menubar = false,
}) => {
const handleEditorChange = (value) => {
onChange && onChange(value)
}
return (
<Editor
id={id}
value={value}
init={{
height,
menubar,
plugins: [
'advtable advlist autolink lists link image charmap print preview anchor',
'searchreplace visualblocks code fullscreen visualchars',
'insertdatetime media table paste code help wordcount directionality emoticons'
],
toolbar:
'undo redo | formatselect | bold italic backcolor link | \
alignleft aligncenter alignright alignjustify | \
bullist numlist | outdent indent| table media code anchor emoticons directionality visualchars | preview | removeformat | help'
}}
onEditorChange={handleEditorChange}
/>
);
}
export default Tinymce;