最近項目中需要使用到富文本編輯器，項目是一個 Meteor with react 項目，所以就準(zhǔn)備采用simditor，但是官方文檔很少，也沒有給出后臺配置說明。我現(xiàn)在不解的是，怎么儲存數(shù)據(jù)？怎么使用儲存的數(shù)據(jù)進(jìn)行展示？他是怎么保存編輯時候的格式的？還有圖片的插入問題。望大神指點，給出思路。第一次用接觸富文本編輯器
2 回答
智慧大石
TA貢獻(xiàn)1946條經(jīng)驗 獲得超3個贊
代碼片段供參考：
componentDidMount() {
var textbox = ReactDOM.findDOMNode(this.refs.textarea);
this.editor = new Simditor({
textarea: $(textbox),
toolbar: ['title', 'bold', 'italic', 'underline', 'strikethrough', 'fontScale', 'color',
'ol', 'ul', 'blockquote', 'code', 'table', 'link', 'image', 'indent', 'outdent', 'alignment', 'hr']
});
this.editor.on("valuechanged", (e, src) => {
this.props.fields.body.onChange(this.editor.getValue());
});
}
componentDidUpdate (prevProps) {
if (prevProps.body !== this.props.body) {
this.editor.setValue(this.props.body);
}
}
<textarea className="form-control" ref='textarea' rows="50" {...body}/>
添加回答
舉報
0/150
提交
取消