|
@@ -1,4 +1,5 @@
|
1
|
1
|
import React, { forwardRef, useRef, useEffect, useMemo, useImperativeHandle } from 'react'
|
|
2
|
+import { uploadImage } from '@/services/image'
|
2
|
3
|
|
3
|
4
|
export default forwardRef((props, ref) => {
|
4
|
5
|
const editorRef = useRef()
|
|
@@ -8,7 +9,15 @@ export default forwardRef((props, ref) => {
|
8
|
9
|
window.tinymce.init({
|
9
|
10
|
selector: `#${id}`,
|
10
|
11
|
menubar: false,
|
|
12
|
+<<<<<<< HEAD
|
11
|
13
|
branding:false,
|
|
14
|
+=======
|
|
15
|
+ language: 'zh_CN',
|
|
16
|
+ plugins: 'image',
|
|
17
|
+ image_description: false, // 禁用图片描述
|
|
18
|
+ image_dimensions: false, // 禁用图片宽高设置
|
|
19
|
+ toolbar: 'blocks fontfamily fontsize bold italic backcolor alignleft aligncenter alignright alignjustify image outdent indent undo redo removeformat',
|
|
20
|
+>>>>>>> e802d9d3811cf3d0cfc27f187e96c8dee54bfb7e
|
12
|
21
|
setup: (editor) => {
|
13
|
22
|
editor.on('change', () => {
|
14
|
23
|
props.onChange(editor.getContent());
|
|
@@ -17,6 +26,13 @@ export default forwardRef((props, ref) => {
|
17
|
26
|
},
|
18
|
27
|
init_instance_callback: (editor) => {
|
19
|
28
|
editorRef.current = editor;
|
|
29
|
+ },
|
|
30
|
+ images_upload_handler: (blobInfo, progress) => {
|
|
31
|
+ return new Promise((resolve, reject) => {
|
|
32
|
+ const formData = new FormData();
|
|
33
|
+ formData.append('file', blobInfo.blob(), blobInfo.filename());
|
|
34
|
+ uploadImage(formData).then(resolve)
|
|
35
|
+ })
|
20
|
36
|
}
|
21
|
37
|
});
|
22
|
38
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|