Update dependency 4 (#5348)

* react react-dom reach-router react-image-lightbox

* update seafile-editor version

* optimize codemirror code

* optimize code

* repair code bug

* optimize code

* optimize code

* optimize seafile-editor version

* update seafile-editor version

* optimize code

* optimize code

frontend/src/components/file-content-view/text.js

@@ -1,45 +1,14 @@
 import React from 'react';
-import { Utils } from '../../utils/utils';
-
-import { UnControlled as CodeMirror } from 'react-codemirror2';
-import 'codemirror/mode/javascript/javascript';
-import 'codemirror/mode/css/css';
-import 'codemirror/mode/clike/clike';
-import 'codemirror/mode/php/php';
-import 'codemirror/mode/sql/sql';
-import 'codemirror/mode/vue/vue';
-import 'codemirror/mode/xml/xml';
-import 'codemirror/mode/go/go';
-import 'codemirror/mode/python/python';
-import 'codemirror/mode/htmlmixed/htmlmixed';
-import 'codemirror/lib/codemirror.css';
-
+import SeafileCodeMirror from '../seafile-codemirror';
 import '../../css/text-file-view.css';
 
-const {
-  fileExt, fileContent
-} = window.app.pageOptions;
-
-const options = {
-  lineNumbers: true,
-  mode: Utils.chooseLanguage(fileExt),
-  extraKeys: {'Ctrl': 'autocomplete'},
-  theme: 'default',
-  textWrapping: true,
-  lineWrapping: true,
-  readOnly: true,
-  cursorBlinkRate: -1 // hide the cursor
-};
+const { fileExt, fileContent } = window.app.pageOptions;
 
 class FileContent extends React.Component {
   render() {
     return (
       <div className="file-view-content flex-1 text-file-view">
-        <CodeMirror
-          ref="code-mirror-editor"
-          value={fileContent}
-          options={options}
-        />
+        <SeafileCodeMirror fileExt={fileExt} value={fileContent} />
       </div>
     );
   }