鍍金池/ 問答/HTML/ react-quill 怎么插入HTML片段

react-quill 怎么插入HTML片段

react-quill 組件中想插入一段 HTML代碼,但是實際結(jié)果卻是顯示為 HTML代碼文本,而不是頁面預(yù)算;
比如,我插入<img src="asdasd.npg"/>
我的期望是在詳情頁面展示圖片asdasd.npg;
實際展示的是<img src="asdasd.npg"/>字樣;

請問怎么樣才能做到期望那樣子?
感謝費5元

回答
編輯回答
獨白

因為富文本組件,就顯示你輸入的內(nèi)容。不會對你的html標簽解析的。
要顯示一個圖片,你要通過toolbar的上傳圖片功能實現(xiàn),需要你將toolbarimage功能打開。
參考官方的例子

最終顯示的時候可以如下:

class extends React.Component {
    render() {
        const {qullText} = this.props;
        return (
            <div dangerouslySetInnerHTML={{__html: qullText}}></div>
        )
    }
}
注意: html前是兩個下劃線。
2017年1月27日 12:28