[GH-ISSUE #1478] [FR] Emoji Support #573

Closed
opened 2026-03-23 20:38:08 +00:00 by mirror · 5 comments
Owner

Originally created by @LucasXu0 on GitHub (Nov 24, 2022).
Original GitHub issue: https://github.com/AppFlowy-IO/AppFlowy/issues/1478

Originally assigned to: @rizwan3395 on GitHub.

Description

Brief

Support opening the Emoji panel by selection menu (i.e. slash menu) and inserting Emoji in AppFlowy.

Details

Tasks

Please link each commit to the relevant task below.

  • open the emoji panel by the selection menu.
    • open the emoji panel by searching for the keyword emoji.
    • open the emoji panel by tapping the emoji entry.
  • select an emoji by clicking on the emoji panel.
    • the emoji panel can slide up and down, and can be extended for more emojis.
  • select an emoji by keywords.
    • only show the emojis that match the keyword.
    • show no result widget if no matching emojis.
  • press the ESC key to exit the emoji panel.

https://user-images.githubusercontent.com/11863087/203695166-cba1328b-d2e6-4bde-81d1-ce1643338cac.mov

Test cases

  • include the relevant tests that match the tasks mentioned above.
  • check the performance on the desktop platform (Windows, Linux, macOS) and web platform.

Impact

The end-users who want to insert emojis in their document can benefit from this feature.

Additional Context

Reference

Originally created by @LucasXu0 on GitHub (Nov 24, 2022). Original GitHub issue: https://github.com/AppFlowy-IO/AppFlowy/issues/1478 Originally assigned to: @rizwan3395 on GitHub. ### Description ## Brief Support opening the Emoji panel by selection menu (i.e. slash menu) and inserting Emoji in AppFlowy. ## Details **Tasks** > Please link each commit to the relevant task below. - [ ] open the emoji panel by the selection menu. - [ ] open the emoji panel by searching for the keyword `emoji`. - [ ] open the emoji panel by tapping the emoji entry. - [ ] select an emoji by clicking on the emoji panel. - [ ] the emoji panel can slide up and down, and can be extended for more emojis. - [ ] select an emoji by keywords. - [ ] only show the emojis that match the keyword. - [ ] show no result widget if no matching emojis. - [ ] press the `ESC` key to exit the emoji panel. https://user-images.githubusercontent.com/11863087/203695166-cba1328b-d2e6-4bde-81d1-ce1643338cac.mov **Test cases** - [ ] include the relevant tests that match the tasks mentioned above. - [ ] check the performance on the desktop platform (Windows, Linux, macOS) and web platform. ### Impact The end-users who want to insert emojis in their document can benefit from this feature. ### Additional Context **Reference** * [Customize the selection menu in appflowy_editor.](https://pub.dev/documentation/appflowy_editor/latest/appflowy_editor/AppFlowyEditor/selectionMenuItems.html) * Selection menu item style * the size of the icon widget should be 18.0. * Use the Flutter built-in icon `Icons.emoji_emotions_outlined` as the thumbnail. * Use l10n for the name of the item. * [Testing the appflowy_editor](https://github.com/AppFlowy-IO/AppFlowy/blob/main/frontend/app_flowy/packages/appflowy_editor/documentation/testing.md) If you modify the relevant code.
mirror 2026-03-23 20:38:08 +00:00
Author
Owner

@rizwan3395 commented on GitHub (Dec 8, 2022):

@LucasXu0

I have done the Task. Let me know the next step.

<!-- gh-comment-id:1343327354 --> @rizwan3395 commented on GitHub (Dec 8, 2022): @LucasXu0 I have done the Task. Let me know the next step.
Author
Owner

@LucasXu0 commented on GitHub (Dec 9, 2022):

@rizwan3395 Please submit a PR.

<!-- gh-comment-id:1343786034 --> @LucasXu0 commented on GitHub (Dec 9, 2022): @rizwan3395 Please submit a PR.
Author
Owner

@rizwan3395 commented on GitHub (Dec 9, 2022):

Hi @LucasXu0 Can you guide me in which branch I should create a pull request?

<!-- gh-comment-id:1343855533 --> @rizwan3395 commented on GitHub (Dec 9, 2022): Hi @LucasXu0 Can you guide me in which branch I should create a pull request?
Author
Owner

@rizwan3395 commented on GitHub (Dec 9, 2022):

I'm only seeing the main branch while creating a pull request, Don't know what mistake I did.

<!-- gh-comment-id:1343856683 --> @rizwan3395 commented on GitHub (Dec 9, 2022): I'm only seeing the main branch while creating a pull request, Don't know what mistake I did.
Author
Owner

@LucasXu0 commented on GitHub (Dec 9, 2022):

@rizwan3395 There is a guideline about how to make a pull request. link

Basically, you need to fork the appflowy repository, submit your code to your own repository and then make a pull request.

<!-- gh-comment-id:1343911063 --> @LucasXu0 commented on GitHub (Dec 9, 2022): @rizwan3395 There is a guideline about how to make a pull request. [link](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/creating-a-pull-request) Basically, you need to fork the appflowy repository, submit your code to your own repository and then make a pull request.
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
AppFlowy-IO/AppFlowy#573
No description provided.