React-quill在插入无效图片网址时添加不需要的图片代码

Question

我在我的反应应用程序中使用react-quill，当我按下图像按钮而没有插入有效的网址并按插入时，会添加一个额外的图像标记src="http://"。我不希望这种行为我希望只有当它是一个有效的网址时才添加图片标记。有办法吗？

代码：

<ReactQuill value={this.state.body} onChange={this.onBodyChange}
          theme="snow" style={{minHeight: 300, minWidth: 600}}/>


onBodyChange = body => this.setState({body});

修改 我尝试使用处理程序添加，但似乎我无法覆盖默认处理程序。

let handlers = {
      image: function(foo, bar){
        console.log("IMAGE");
      },
      link: function(value) {
        console.log("LINK");
      }
 };
<ReactQuill value={this.state.body} onChange={this.onBodyChange}
              theme="snow" style={{minHeight: 300, minWidth: 600}}>
               <ReactQuill.Toolbar key="toolbar"
                                   ref="toolbar"
                                   handlers={handlers}/>
               <div key="editor"
                    ref="editor"
                    className="quill-contents"/>
</ReactQuill>

当对react组件进行检查时，处理程序仍然是image（）和link（），我假设它是默认实现。当然，没有日志和正常行为发生。