Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.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 如何通过quil图像上传模块将图像上传到Quill富文本编辑器_Javascript_Reactjs_Rich Text Editor_Quill - Fatal编程技术网

Javascript 如何通过quil图像上传模块将图像上传到Quill富文本编辑器

Javascript 如何通过quil图像上传模块将图像上传到Quill富文本编辑器,javascript,reactjs,rich-text-editor,quill,Javascript,Reactjs,Rich Text Editor,Quill,我在尝试通过q将图像上载到时遇到问题。出于某种原因,如果将编辑器与受控的react组件一起使用,并通过react quill的onChange函数更新该值,则会出现一些问题 从console.logs中,我发现图像被固定在base64表示上,然后无法进入下一步被删除,并作为img标记重新插入 这是一个分叉版本的 如果您尝试上载图像,它将无法工作 非常感谢你的帮助! 如果我完全遗漏了一些明显的东西,请将这个可怜的灵魂指向它,哈哈:)你在反应管内放置了一个div,这导致了问题。 这样做: r

我在尝试通过q将图像上载到时遇到问题。出于某种原因,如果将编辑器与受控的react组件一起使用,并通过react quill的onChange函数更新该值,则会出现一些问题

从console.logs中,我发现图像被固定在base64表示上,然后无法进入下一步被删除,并作为img标记重新插入

这是一个分叉版本的

如果您尝试上载图像,它将无法工作

非常感谢你的帮助!
如果我完全遗漏了一些明显的东西,请将这个可怜的灵魂指向它,哈哈:)

你在反应管内放置了一个div,这导致了问题。 这样做:

    render() {
    return (
      <div>
        <ReactQuill
          theme="snow"
          modules={this.modules}
          formats={this.formats}
          value={this.state.text}
          onChange={(content) => {
            this.setState({ text: content });
            console.log(content);
          }}
        />
      </div>
    );
  }
render(){
返回(
{
this.setState({text:content});
控制台日志(内容);
}}
/>
);
}

Doh,非常感谢穆罕默德。我完全没有看到