website: add backToUp button.

Author: jaywcjlove

package.json

@@ -53,17 +53,18 @@
     "@kkt/scope-plugin-options": "^7.2.0",
     "@types/react": "^18.0.14",
     "@types/react-dom": "^18.0.5",
+    "@uiw/react-back-to-top": "^1.1.1",
     "@uiw/react-github-corners": "^1.5.14",
     "@uiw/reset.css": "^1.0.6",
     "@wcj/dark-mode": "^1.0.14",
     "compile-less-cli": "^1.8.13",
+    "husky": "^8.0.1",
     "kkt": "^7.2.0",
     "prettier": "^2.7.1",
     "pretty-quick": "~3.1.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "tsbb": "^3.7.6",
-    "husky": "^8.0.1"
+    "tsbb": "^3.7.6"
   },
   "browserslist": {
     "production": [

website/App.tsx

@@ -1,11 +1,12 @@
-import MarkdownEditor from '../';
 import { useState } from 'react';
+import BackToUp from '@uiw/react-back-to-top';
+import GithubCorner from '@uiw/react-github-corners';
+import MarkdownPreview from '@uiw/react-markdown-preview';
 import '@wcj/dark-mode';
 import DocumentStr from '../README.md';
+import MarkdownEditor from '../';
 import styles from './App.module.less';
 import Footer from './components/Footer';
-import GithubCorner from '@uiw/react-github-corners';
-import MarkdownPreview from '@uiw/react-markdown-preview';
 import { ReactComponent as Logo } from './logo.svg';
 
 const DocumentStrSource = DocumentStr.replace(/([\s\S]*)<!--dividing-->/, '').replace(/^\n*/g, '');
@@ -17,6 +18,7 @@ export default function App() {
   const [hideToolbar, setHideToolbar] = useState(true);
   return (
     <div className={styles.warpper}>
+      <BackToUp>Top</BackToUp>
       <dark-mode light="Light" dark="Dart" style={{ position: 'fixed' }}></dark-mode>
       <GithubCorner fixed target="__blank" href="https://github.com/uiwjs/react-markdown-editor" />
       <div className={styles.logo}>