Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-12 04:18:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: export to html/markdown (#1892)

Browse Source 
Co-authored-by: himself65 <himself65@outlook.com>
This commit is contained in:
TimLi
2023-04-12 22:11:03 +08:00
committed by GitHub
parent 23e33a6061
commit 25d7f7c848
2 changed files with 39 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
apps/web/src/components/affine/operation-menu-items/Export.tsx
View File

@@ -1,11 +1,13 @@
import { Menu, MenuItem } from '@affine/component';
import { useTranslation } from '@affine/i18n';
import { ContentParser } from '@blocksuite/blocks/content-parser';
import {
ArrowRightSmallIcon,
ExportIcon,
ExportToHtmlIcon,
ExportToMarkdownIcon,
} from '@blocksuite/icons';
import { useRef } from 'react';
import type { CommonMenuItemProps } from './types';
@@ -14,7 +16,7 @@ export const Export = ({
onItemClick,
}: CommonMenuItemProps<{ type: 'markdown' | 'html' }>) => {
const { t } = useTranslation();
const contentParserRef = useRef<ContentParser>();
return (
<Menu
width={248}
@@ -23,9 +25,14 @@ export const Export = ({
content={
<>
<MenuItem
data-testid="export-to-html"
onClick={() => {
// @ts-expect-error
globalThis.currentEditor.contentParser.onExportHtml();
if (!contentParserRef.current) {
contentParserRef.current = new ContentParser(
globalThis.currentEditor!.page
);
}
contentParserRef.current.onExportHtml();
onSelect?.({ type: 'html' });
}}
icon={<ExportToHtmlIcon />}
@@ -33,9 +40,14 @@ export const Export = ({
{t('Export to HTML')}
</MenuItem>
<MenuItem
data-testid="export-to-markdown"
onClick={() => {
// @ts-expect-error
globalThis.currentEditor.contentParser.onExportMarkdown();
if (!contentParserRef.current) {
contentParserRef.current = new ContentParser(
globalThis.currentEditor!.page
);
}
contentParserRef.current.onExportMarkdown();
onSelect?.({ type: 'markdown' });
}}
icon={<ExportToMarkdownIcon />}
@@ -46,6 +58,7 @@ export const Export = ({
}
>
<MenuItem
data-testid="export-menu"
icon={<ExportIcon />}
endIcon={<ArrowRightSmallIcon />}
onClick={e => {