javascript - エディターの Draft.js が html 画像を切り取る理由と、それを元に戻す方法は?

Question

たとえば、html 画像と一緒にエディターに挿入すると、次のようになります。

import React, { PropTypes, Component } from 'react'
import ReactDOM from 'react-dom'
import {Editor, EditorState} from 'draft-js'

var sampleMarkup = `<h1>Hello</h1><b>Bold text</b><i> Italic text</i>
    <a href="http://www.facebook.com">Example link</a>
    <img src="./someImg.png" />
    <p>Hello there</p>
    <div class="responsive"><iframe width="560" height="315" src="youtube/link/here" frameborder="0" allowfullscreen></iframe></div>`;

class MyEditor extends Component {
    constructor(props){
      super(props);
      this.state = { editorState:EditorState.createWithContent(html);     }
    }
    render(){
      return (
         <Editor editorState={this.state.editor} onChange={this.onChange.bind(this)}/>
        );
    }    
    onChange(editorState){
        this.setState({editorState: editorState});
        this.props.onChange(html);
    }
}

エディターはタグimgを挿入せず、切り分けiframeます。が動作している理由draft.jsと修正方法を教えてください。codepen の完全なコード: http://codepen.io/alex183/pen/xgVzZE?editors=0010