// 引入编辑器组件
|
import BraftEditor from 'braft-editor'
|
// 引入编辑器样式
|
import 'braft-editor/dist/index.css'
|
import { upload } from './service';
|
// 引入样式
|
import styles from './style.less'
|
|
const BraftEditorCom = (props) => {
|
|
// 上传方法
|
const myUploadFn = async params => {
|
const file = params.file
|
const formData = new FormData();
|
formData.append('file', file);
|
upload(formData).then(res => {
|
if (res) {
|
params.progress(100);
|
params.success({
|
url: res.msg,
|
meta: {
|
id: params.id,
|
title: '图片',
|
loop: false, // 指定音视频是否循环播放
|
autoPlay: false, // 指定音视频是否自动播放
|
controls: false, // 指定音视频是否显示控制栏
|
poster: '', // 指定视频播放器的封面
|
},
|
});
|
}
|
})
|
};
|
const { data, resultCallback, readOnly, } = props;
|
|
let result = data == '' ? BraftEditor.createEditorState(null) : BraftEditor.createEditorState(data);
|
return (
|
<div className={styles.box}>
|
<BraftEditor
|
value={result}
|
readOnly={readOnly || false}
|
onChange={editorState => resultCallback(editorState.toHTML())}
|
media={{ uploadFn: myUploadFn }}
|
/>
|
</div>
|
)
|
}
|
|
export default BraftEditorCom
|
