Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在TinyMCE中向下输入行时出错_Javascript_Reactjs - Fatal编程技术网

Javascript 在TinyMCE中向下输入行时出错

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

我在react应用程序中使用TyniMCE。我将MCE init配置为:

从'@tinymce/tinymce-react'导入{Editor}; ....
您使用的是受控组件,因此需要用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;