doc: 官网添加可在线编辑文档

Author: ChenlingasMx

example/examples/.watchman-cookie-yuzhouwuditianxinjiang-2.local-1329-629

@@ -4,6 +4,7 @@ import { BackTop, Circle, Icon } from 'uiw';
 import { getMetaId, isMeta, getURLParameters } from 'markdown-react-code-preview-loader';
 import CodeLayout from 'react-code-preview-layout';
 import { useRef } from 'react';
+import Editor from './Footer';
 import Footer from '../Footer';
 
 const Wrapper = styled.div`
@@ -86,15 +87,11 @@ const Preview = ({ path, ...mdData }) => {
           },
         }}
       />
-      <Footer path={path} />
+      <Footer />
+      <Editor path={path} />
       <BackTop speed={500}>
         {({ percent, scrollToTop }) => (
-          <Circle
-            width={50}
-            onClick={() => scrollToTop()}
-            format={() => <Icon type="arrow-up" />}
-            percent={percent}
-          ></Circle>
+          <Circle width={50} onClick={() => scrollToTop()} format={() => <Icon type="arrow-up" />} percent={percent} />
         )}
       </BackTop>
     </Wrapper>

website/src/component/Preview/index.js

@@ -1,5 +1,5 @@
 import Preview from 'src/component/Preview';
 import md from './README.md';
 
-const DEMO = () => <Preview {...md} />;
+const DEMO = () => <Preview {...md} path="/website/src/pages/docs/awesome-react-native/README.md" />;
 export default DEMO;