Update flutter_quill_extensions part 2 (#1519)
* Update flutter_quill_extensions part 2pull/1520/head
Ellet
1 year ago
committed by
GitHub
parent
ebd2729f39
commit
c769b14463
22 changed files with 586 additions and 380 deletions
@ -0,0 +1,48 @@ |
||||
# Todo |
||||
|
||||
This is a todo list page that added recently and will be updated soon. |
||||
|
||||
## Table of contents |
||||
- [Todo](#todo) |
||||
- [Table of contents](#table-of-contents) |
||||
- [Flutter Quill](#flutter-quill) |
||||
- [Features](#features) |
||||
- [Improvemenets](#improvemenets) |
||||
- [Bugs](#bugs) |
||||
- [Flutter Quill Extensions](#flutter-quill-extensions) |
||||
- [Features](#features-1) |
||||
- [Improvemenets](#improvemenets-1) |
||||
- [Bugs](#bugs-1) |
||||
|
||||
## Flutter Quill |
||||
|
||||
### Features |
||||
|
||||
1. Add a method to set TextInputAction, fore more [info](https://github.com/singerdmx/flutter-quill/issues/1328) |
||||
2. Add support for Text magnification feature, for more [info](https://github.com/singerdmx/flutter-quill/issues/1504) |
||||
3. Provide a way to expose quills undo redo stacks, for more [info](https://github.com/singerdmx/flutter-quill/issues/1381) |
||||
|
||||
### Improvemenets |
||||
|
||||
1. Improve the Raw Quill Editor, for more [info](https://github.com/singerdmx/flutter-quill/issues/1509) |
||||
2. Provide more support to all the platforms |
||||
|
||||
### Bugs |
||||
|
||||
Empty for now. |
||||
Please go to the [issues](https://github.com/singerdmx/flutter-quill/issues) |
||||
|
||||
|
||||
## Flutter Quill Extensions |
||||
|
||||
### Features |
||||
1. Add support for cropping an image, fore more [info](https://github.com/singerdmx/flutter-quill/issues/1494) |
||||
2. Add support for copying images to the Clipboard |
||||
|
||||
### Improvemenets |
||||
|
||||
Please check the todos, this list will be updated soon. |
||||
|
||||
### Bugs |
||||
|
||||
Please check the todos, this list will be updated soon. |
||||
@ -0,0 +1,195 @@ |
||||
import 'package:flutter/cupertino.dart' show showCupertinoModalPopup; |
||||
import 'package:flutter/material.dart'; |
||||
// import 'package:flutter/services.dart' show Clipboard, ClipboardData; |
||||
import 'package:flutter_quill/extensions.dart' |
||||
show isDesktop, isMobile, replaceStyleStringWithSize; |
||||
import 'package:flutter_quill/flutter_quill.dart' |
||||
show ImageUrl, QuillController, StyleAttribute, getEmbedNode; |
||||
import 'package:flutter_quill/translations.dart'; |
||||
|
||||
import '../../../../logic/services/image_saver/s_image_saver.dart'; |
||||
import '../../../models/config/editor/image/image.dart'; |
||||
import '../../utils.dart'; |
||||
import '../../widgets/image.dart' show ImageTapWrapper, getImageStyleString; |
||||
import '../../widgets/image_resizer.dart' show ImageResizer; |
||||
import 'image.dart' show OptionalSize; |
||||
|
||||
class ImageOptionsMenu extends StatelessWidget { |
||||
const ImageOptionsMenu({ |
||||
required this.controller, |
||||
required this.configurations, |
||||
required this.imageSource, |
||||
required this.imageSize, |
||||
required this.isReadOnly, |
||||
required this.imageSaverService, |
||||
super.key, |
||||
}); |
||||
|
||||
final QuillController controller; |
||||
final QuillEditorImageEmbedConfigurations configurations; |
||||
final String imageSource; |
||||
final OptionalSize imageSize; |
||||
final bool isReadOnly; |
||||
final ImageSaverService imageSaverService; |
||||
|
||||
@override |
||||
Widget build(BuildContext context) { |
||||
final materialTheme = Theme.of(context); |
||||
return Padding( |
||||
padding: const EdgeInsets.fromLTRB(50, 0, 50, 0), |
||||
child: SimpleDialog( |
||||
title: Text('Image'.i18n), |
||||
children: [ |
||||
if (!isReadOnly) |
||||
ListTile( |
||||
title: Text('Resize'.i18n), |
||||
leading: const Icon(Icons.settings_outlined), |
||||
onTap: () { |
||||
Navigator.pop(context); |
||||
showCupertinoModalPopup<void>( |
||||
context: context, |
||||
builder: (context) { |
||||
final screenSize = MediaQuery.sizeOf(context); |
||||
return ImageResizer( |
||||
onImageResize: (w, h) { |
||||
final res = getEmbedNode( |
||||
controller, |
||||
controller.selection.start, |
||||
); |
||||
|
||||
final attr = replaceStyleStringWithSize( |
||||
getImageStyleString(controller), |
||||
width: w, |
||||
height: h, |
||||
isMobile: isMobile(supportWeb: false), |
||||
); |
||||
controller |
||||
..skipRequestKeyboard = true |
||||
..formatText( |
||||
res.offset, |
||||
1, |
||||
StyleAttribute(attr), |
||||
); |
||||
}, |
||||
imageWidth: imageSize.width, |
||||
imageHeight: imageSize.height, |
||||
maxWidth: screenSize.width, |
||||
maxHeight: screenSize.height, |
||||
); |
||||
}, |
||||
); |
||||
}, |
||||
), |
||||
ListTile( |
||||
leading: const Icon(Icons.copy_all_outlined), |
||||
title: Text('Copy'.i18n), |
||||
onTap: () async { |
||||
final navigator = Navigator.of(context); |
||||
final imageNode = |
||||
getEmbedNode(controller, controller.selection.start).value; |
||||
final imageUrl = imageNode.value.data; |
||||
controller.copiedImageUrl = ImageUrl( |
||||
imageUrl, |
||||
getImageStyleString(controller), |
||||
); |
||||
// TODO: Implement the copy image |
||||
// await Clipboard.setData( |
||||
// ClipboardData(text: '$imageUrl'), |
||||
// ); |
||||
navigator.pop(); |
||||
}, |
||||
), |
||||
if (!isReadOnly) |
||||
ListTile( |
||||
leading: Icon( |
||||
Icons.delete_forever_outlined, |
||||
color: materialTheme.colorScheme.error, |
||||
), |
||||
title: Text('Remove'.i18n), |
||||
onTap: () async { |
||||
Navigator.of(context).pop(); |
||||
|
||||
// Call the remove check callback if set |
||||
if (await configurations.shouldRemoveImageCallback |
||||
?.call(imageSource) == |
||||
false) { |
||||
return; |
||||
} |
||||
|
||||
final offset = getEmbedNode( |
||||
controller, |
||||
controller.selection.start, |
||||
).offset; |
||||
controller.replaceText( |
||||
offset, |
||||
1, |
||||
'', |
||||
TextSelection.collapsed(offset: offset), |
||||
); |
||||
// Call the post remove callback if set |
||||
await configurations.onImageRemovedCallback.call(imageSource); |
||||
}, |
||||
), |
||||
...[ |
||||
ListTile( |
||||
leading: const Icon(Icons.save), |
||||
title: Text('Save'.i18n), |
||||
enabled: !isDesktop(supportWeb: false), |
||||
onTap: () async { |
||||
final messenger = ScaffoldMessenger.of(context); |
||||
Navigator.of(context).pop(); |
||||
|
||||
final saveImageResult = await saveImage( |
||||
imageUrl: imageSource, |
||||
imageSaverService: imageSaverService, |
||||
); |
||||
final imageSavedSuccessfully = saveImageResult.isSuccess; |
||||
|
||||
messenger.clearSnackBars(); |
||||
|
||||
if (!imageSavedSuccessfully) { |
||||
messenger.showSnackBar(SnackBar( |
||||
content: Text( |
||||
'Error while saving image'.i18n, |
||||
))); |
||||
return; |
||||
} |
||||
|
||||
String message; |
||||
switch (saveImageResult.method) { |
||||
case SaveImageResultMethod.network: |
||||
message = 'Saved using the network'.i18n; |
||||
break; |
||||
case SaveImageResultMethod.localStorage: |
||||
message = 'Saved using the local storage'.i18n; |
||||
break; |
||||
} |
||||
|
||||
messenger.showSnackBar( |
||||
SnackBar( |
||||
content: Text(message), |
||||
), |
||||
); |
||||
}, |
||||
), |
||||
ListTile( |
||||
leading: const Icon(Icons.zoom_in), |
||||
title: Text('Zoom'.i18n), |
||||
onTap: () => Navigator.pushReplacement( |
||||
context, |
||||
MaterialPageRoute( |
||||
builder: (context) => ImageTapWrapper( |
||||
imageUrl: imageSource, |
||||
imageProviderBuilder: configurations.imageProviderBuilder, |
||||
imageErrorWidgetBuilder: |
||||
configurations.imageErrorWidgetBuilder, |
||||
), |
||||
), |
||||
), |
||||
), |
||||
], |
||||
], |
||||
), |
||||
); |
||||
} |
||||
} |
||||
Loading…
Reference in new issue