Mirrored_Repos/AppFlowy
1
0
Fork 0
mirror of https://github.com/AppFlowy-IO/AppFlowy.git synced 2024-08-30 18:12:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: implement save document to markdown

Browse Source
This commit is contained in:
Lucas.Xu 2022-11-09 14:36:55 +08:00
parent 205b5f2c21
commit 9a908abfdd
2 changed files with 48 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/app_flowy/packages/appflowy_editor/example/assets/example.json
View File

@ -10,7 +10,8 @@
}, },
"delta": [ "delta": [
{ "insert": "👋 " }, { "insert": "👋 " },
{ "insert": "Welcome to ", "attributes": { "bold": true } }, { "insert": "Welcome to", "attributes": { "bold": true } },
{ "insert": " " },
{ {
"insert": "AppFlowy Editor", "insert": "AppFlowy Editor",
"attributes": { "attributes": {
@ -25,7 +26,8 @@
{ {
"type": "text", "type": "text",
"delta": [ "delta": [
{ "insert": "AppFlowy Editor is a " }, { "insert": "AppFlowy Editor is a" },
{ "insert": " " },
{ "insert": "highly customizable", "attributes": { "bold": true } }, { "insert": "highly customizable", "attributes": { "bold": true } },
{ "insert": " " }, { "insert": " " },
{ "insert": "rich-text editor", "attributes": { "italic": true } }, { "insert": "rich-text editor", "attributes": { "italic": true } },

81
frontend/app_flowy/packages/appflowy_editor/example/lib/home_page.dart
View File

@ -9,6 +9,25 @@ import 'package:flutter/material.dart';
import 'package:flutter/services.dart'; import 'package:flutter/services.dart';
import 'package:universal_html/html.dart' as html; import 'package:universal_html/html.dart' as html;
enum ExportFileType {
json,
markdown,
html,
}
extension on ExportFileType {
String get extension {
switch (this) {
case ExportFileType.json:
return 'json';
case ExportFileType.markdown:
return 'md';
case ExportFileType.html:
return 'html';
}
}
}
class HomePage extends StatefulWidget { class HomePage extends StatefulWidget {
const HomePage({Key? key}) : super(key: key); const HomePage({Key? key}) : super(key: key);
@ -72,9 +91,11 @@ class _HomePageState extends State<HomePage> {
// Encoder Demo // Encoder Demo
_buildSeparator(context, 'Encoder Demo'), _buildSeparator(context, 'Encoder Demo'),
_buildListTile(context, 'Export To JSON', () { _buildListTile(context, 'Export To JSON', () {
_exportJson(_editorState); _exportFile(_editorState, ExportFileType.json);
}),
_buildListTile(context, 'Export to Markdown', () {
_exportFile(_editorState, ExportFileType.markdown);
}), }),
_buildListTile(context, 'Export to Markdown', () {}),
// Decoder Demo // Decoder Demo
_buildSeparator(context, 'Decoder Demo'), _buildSeparator(context, 'Decoder Demo'),
@ -152,58 +173,44 @@ class _HomePageState extends State<HomePage> {
); );
} }
void _exportJson(EditorState editorState) async { void _exportFile(
final document = editorState.document.toJson(); EditorState editorState,
final json = jsonEncode(document); ExportFileType fileType,
) async {
var result = '';
switch (fileType) {
case ExportFileType.json:
result = jsonEncode(editorState.document.toJson());
break;
case ExportFileType.markdown:
result = documentToMarkdown(editorState.document);
break;
case ExportFileType.html:
throw UnimplementedError();
}
if (!kIsWeb) { if (!kIsWeb) {
final path = await FilePicker.platform.saveFile( final path = await FilePicker.platform.saveFile(
dialogTitle: 'Export to JSON', fileName: 'document.${fileType.extension}',
fileName: 'document.json',
); );
if (path != null) { if (path != null) {
await File(path).writeAsString(json); await File(path).writeAsString(result);
if (mounted) { if (mounted) {
ScaffoldMessenger.of(context).showSnackBar( ScaffoldMessenger.of(context).showSnackBar(
SnackBar( SnackBar(
content: Text('The document.json is saved to the $path'), content: Text('This document is saved to the $path'),
), ),
); );
} }
} }
} else { } else {
final blob = html.Blob([json], 'text/plain', 'native'); final blob = html.Blob([result], 'text/plain', 'native');
html.AnchorElement( html.AnchorElement(
href: html.Url.createObjectUrlFromBlob(blob).toString(), href: html.Url.createObjectUrlFromBlob(blob).toString(),
) )
..setAttribute('download', 'document.json') ..setAttribute('download', 'document.${fileType.extension}')
..click(); ..click();
} }
} }
// void _exportDocument(EditorState editorState) async {
// final document = editorState.document.toJson();
// final json = jsonEncode(document);
// if (kIsWeb) {
// final blob = html.Blob([json], 'text/plain', 'native');
// html.AnchorElement(
// href: html.Url.createObjectUrlFromBlob(blob).toString(),
// )
// ..setAttribute('download', 'editor.json')
// ..click();
// } else {
// final directory = await getTemporaryDirectory();
// final path = directory.path;
// final file = File('$path/editor.json');
// await file.writeAsString(json);
// if (mounted) {
// ScaffoldMessenger.of(context).showSnackBar(
// SnackBar(
// content: Text('The document is saved to the ${file.path}'),
// ),
// );
// }
// }
// }
} }