Merge branch '20220705-wangeditor' of http://10.124.128.2:8888/eshop/fe_service_ebtp_frontend into 20220712-topic-management

src/pages/MainPage/ProjectManager/components/WangEditor.tsx

@@ -0,0 +1,41 @@
+import React, { useRef, useState } from 'react';
+import { Button, Typography } from 'antd';
+import BraftText from '@/components/richText/wang';
+import ProCard from '@ant-design/pro-card';
+import { isEmpty } from '@/utils/CommonUtils';
+
+const Editor: React.FC<{}> = () => {
+    const braftRef = useRef<any>(null);
+    const [text, setText] = useState();
+    const [code, setCode] = useState();
+    const { Text, Paragraph } = Typography;
+    return (
+        <ProCard
+            split={'vertical'}
+            bordered
+            headerBordered
+        >
+            <ProCard title="文本域" colSpan="50%">
+                <BraftText braftRef={braftRef} echo={''} disabled={false} height={600} onChange={(value) => setText(value)} useImage />
+            </ProCard>
+            <ProCard title="代码段" colSpan="50%" extra={
+                <>
+                    {code}
+                    <Button type="primary" onClick={() => setCode(braftRef.current.getImageId())}>获取参数</Button>
+                </>
+            }>
+                {isEmpty(text) ? '没有' : (
+                    <Paragraph>
+                        <pre>
+                            <Text copyable>
+                                {text}
+                            </Text>
+                        </pre>
+                    </Paragraph>
+                )}
+            </ProCard>
+        </ProCard>
+    );
+};
+
+export default Editor;