haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-10-21 19:00:12 +00:00
Code Issues Releases Wiki Activity

optimize code (#6046)

Browse Source
This commit is contained in:
杨顺强
2024-04-30 08:23:27 +08:00
committed by GitHub
parent 6f7deb6539
commit 9210628cb3
1 changed files with 32 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
frontend/src/pages/markdown-editor/index.js
View File

@@ -1,6 +1,11 @@
import React, { Fragment } from 'react'; import React, { Fragment } from 'react';
import io from 'socket.io-client'; import io from 'socket.io-client';
import { EXTERNAL_EVENTS, EventBus, MarkdownEditor as SeafileMarkdownEditor } from '@seafile/seafile-editor'; import {
EXTERNAL_EVENTS,
EventBus,
MarkdownEditor as SeafileMarkdownEditor,
MarkdownViewer as SeafileMarkdownViewer,
} from '@seafile/seafile-editor';
import { Utils } from '../../utils/utils'; import { Utils } from '../../utils/utils';
import { seafileAPI } from '../../utils/seafile-api'; import { seafileAPI } from '../../utils/seafile-api';
import { gettext, mediaUrl } from '../../utils/constants'; import { gettext, mediaUrl } from '../../utils/constants';
@@ -422,7 +427,7 @@ class MarkdownEditor extends React.Component {
}; };
render() { render() {
const { loading, markdownContent, fileInfo, fileTagList } = this.state; const { loading, markdownContent, fileInfo, fileTagList, isLocked } = this.state;
return ( return (
<Fragment> <Fragment>
@@ -446,19 +451,31 @@ class MarkdownEditor extends React.Component {
toggleLockFile={this.toggleLockFile} toggleLockFile={this.toggleLockFile}
/> />
<div className='sf-md-viewer-content'> <div className='sf-md-viewer-content'>
<SeafileMarkdownEditor {!isLocked && (
ref={this.editorRef} <SeafileMarkdownEditor
isFetching={loading} ref={this.editorRef}
initValue={this.getFileName(fileName)} isFetching={loading}
value={markdownContent} initValue={this.getFileName(fileName)}
editorApi={editorApi} value={markdownContent}
onSave={this.onSaveEditorContent} editorApi={editorApi}
onContentChanged={this.onContentChanged} onSave={this.onSaveEditorContent}
mathJaxSource={mediaUrl + 'js/mathjax/tex-svg.js'} onContentChanged={this.onContentChanged}
isSupportInsertSeafileImage={true} mathJaxSource={mediaUrl + 'js/mathjax/tex-svg.js'}
> isSupportInsertSeafileImage={true}
<DetailListView fileInfo={fileInfo} fileTagList={fileTagList} onFileTagChanged={this.onFileTagChanged}/> >
</SeafileMarkdownEditor> <DetailListView fileInfo={fileInfo} fileTagList={fileTagList} onFileTagChanged={this.onFileTagChanged}/>
</SeafileMarkdownEditor>
)}
{isLocked && (
<SeafileMarkdownViewer
isFetching={loading}
value={markdownContent}
mathJaxSource={mediaUrl + 'js/mathjax/tex-svg.js'}
isSupportInsertSeafileImage={true}
isShowOutline={true}
>
</SeafileMarkdownViewer>
)}
</div> </div>
{this.state.showMarkdownEditorDialog && ( {this.state.showMarkdownEditorDialog && (
<React.Fragment> <React.Fragment>